/* PostisPop mobile arcade interface */
html:root{color-scheme:dark;--background:#0c0c1c;--foreground:#f5f2ff;--card:#17162d;--card-foreground:#f5f2ff;--popover:#19182f;--popover-foreground:#f5f2ff;--muted:#25243d;--muted-foreground:#b8bad1;--border:#44395f;--input:#302b49;--primary:#a87cff;--primary-foreground:#fff;--wpo-bg:#121324;--wpo-text:#eeeaff}
html body.pp-arcade{min-height:100vh;background:#090b19!important;background-image:radial-gradient(ellipse at 85% 0,#762cba30,transparent 55%),radial-gradient(ellipse at 0 70%,#07999b20,transparent 50%)!important;color:#efedff!important;font-family:'PP Editorial',Inter,system-ui,sans-serif}
.pp-arcade .postispop{background:none!important;color:#efeaff!important;max-width:1240px;margin:auto;padding:20px 32px 24px;min-height:100vh}
.pp-arcade .app-header{background:#151426e8!important;color:#f4efff;border:1px solid #584577;border-radius:18px;padding:14px 20px;gap:12px;box-shadow:0 7px 0 #050710,0 14px 35px #0004;flex-wrap:wrap}
.pp-arcade .brand{display:block;width:150px;min-width:130px;text-decoration:none}.pp-arcade .brand-logo{display:none}.pp-arcade .brand:after{content:'PostisPop';font:bold 27px/1.3 system-ui;letter-spacing:-1px;color:#c3a6ff}
.pp-arcade .app-header button,.pp-arcade .pp-arcade-nav a{background:#28213e!important;color:#e9dcff!important;border:1px solid #695087!important;border-radius:10px;min-height:42px;box-shadow:0 3px 0 #0a0914;padding:9px 13px;font-weight:700;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pp-arcade .app-header .header-auth-signup{background:linear-gradient(135deg,#9160d8,#654ee0)!important;color:#fff!important}.pp-arcade-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pp-arcade .pp-arcade-nav a:first-child{color:#9cffdc!important;background:#183a32!important;border-color:#398a73!important}
.pp-arcade .workspace-seo-title,.pp-arcade .value-proposition,.pp-arcade #pp-start,.pp-arcade .postispop>.onboarding-card,.pp-arcade .postispop .pp-learn,.pp-arcade .workspace-foot,.pp-arcade .pp-design-bar,.pp-arcade [aria-label="Promoción de estreno"],.pp-arcade .pp-vault-toolbar{display:none!important}
.pp-arcade .workspace-caption{margin:18px 0 10px;color:#a6d8c6!important;min-height:24px}.pp-arcade .connection{color:#9dc7ba!important}.pp-arcade .connection span{color:inherit!important}
.pp-arcade .board-frame{position:relative;background:#111226!important;background-image:linear-gradient(#b7a0ff08 1px,transparent 1px),linear-gradient(90deg,#b7a0ff08 1px,transparent 1px)!important;background-size:36px 36px!important;border:1px solid #674991!important;border-radius:22px!important;box-shadow:0 0 0 5px #171126,0 14px 0 #060711,0 25px 55px #0005,inset 0 0 70px #5f2c9f15!important;padding:24px!important;margin:18px auto 30px!important;max-width:100%;min-height:0!important;overflow:visible}
.pp-arcade .board-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;padding:8px!important;background:none!important;max-width:100%;height:auto!important;min-height:0!important}
.pp-arcade .note-cell{min-width:0!important;width:auto!important;height:auto!important;padding:0!important;aspect-ratio:1.12;position:relative}.pp-arcade .sticky-note{--paper:#ffe681!important;--tilt:0deg!important;--shift:0px!important;background:linear-gradient(145deg,#fff1a0,#ffde65)!important;background-image:linear-gradient(145deg,#fff1a0,#ffde65)!important;color:#39295a!important;border:1px solid #fff3b2!important;border-bottom:6px solid #c79537!important;border-radius:15px!important;box-shadow:0 5px 0 #644a2870,0 10px 22px #0006!important;transform:none!important;width:100%!important;height:100%!important;min-height:140px!important;transition:transform .18s,box-shadow .18s;overflow:hidden!important;clip-path:none!important}
.pp-arcade .sticky-note:hover{transform:translateY(-4px)!important;box-shadow:0 9px 0 #644a2870,0 15px 28px #0006!important}.pp-arcade .sticky-note:focus-visible{outline:3px solid #91ffd7;outline-offset:5px}.pp-arcade .sticky-note:before,.pp-arcade .sticky-note:after,.pp-arcade .sticky-note .pin-sprite{display:none!important}.pp-arcade .sticky-note .note-number{background:#3d2b6430;color:#493267;border-radius:6px;padding:2px 7px;font:700 11px system-ui}.pp-arcade .blank-note{font:700 16px system-ui;color:#6e542a!important}.pp-arcade .sticky-note .note-text{color:#32233f!important}.pp-arcade .sticky-note [class*=quote]{color:#443056!important}
.pp-arcade .board-frame .stationery:not(.pin-sprite){filter:drop-shadow(0 3px 4px #0005)}.pp-arcade .pp-note-search{background:#16162b;border:1px solid #413858;border-radius:12px;padding:9px 12px;box-shadow:none}.pp-arcade .pp-tools{color:#d7cfea}.pp-arcade .pp-note-search input,.pp-arcade .pp-note-search select{background:#0c1020!important;color:#e8e3f8!important;border:1px solid #504467!important;border-radius:8px;min-height:40px}.pp-arcade input::placeholder{color:#a1a1be}.pp-arcade .pp-board-options{color:#b6a0d5!important;margin:24px 0 10px}.pp-arcade .pp-board-options>summary{color:#b6a0d5!important}.pp-arcade .site-legal-links{padding:18px 0;font-size:11px;opacity:.8}.pp-arcade .site-legal-links a{color:#b9abd1!important}
.pp-arcade .pp-dialog,.pp-arcade dialog,.pp-arcade [data-slot=popover-content],.pp-arcade [role=menu]{background:#18172b!important;color:#eeeaff!important;border:1px solid #8160af!important;border-radius:18px!important;box-shadow:0 20px 80px #000a!important}.pp-arcade .dialog-heading{color:#eeeaff}.pp-arcade .pp-dialog h2,.pp-arcade dialog h2{color:#f5f0ff}.pp-arcade .pp-dialog button,.pp-arcade dialog button{background:#332747;color:#eaddff;border:1px solid #755699;border-radius:9px;min-height:38px}.pp-arcade .pp-vault-primary{background:linear-gradient(135deg,#9762e3,#6750df)!important;color:white!important}.pp-arcade .pp-dialog input,.pp-arcade .pp-dialog select,.pp-arcade dialog input{background:#111425;color:#efeaff;border-color:#67517e}.pp-arcade .edit-paper{background:#ffe785!important;background-image:none!important;color:#2b2540!important;border-radius:13px!important}.pp-arcade .edit-paper textarea{color:#29213b!important;background:transparent!important}.pp-arcade .pp-vault-note-action{font:700 12px system-ui;margin-left:auto;padding:8px 12px}.pp-arcade .pp-vault-note-status{font-size:12px;color:#ffd589;grid-column:1/-1}.pp-arcade .pp-vault-help,.pp-arcade .pp-vault-dialog p{color:#c6bdd8}
.pp-arcade .at-header,.pp-arcade .at-footer{background:transparent!important;color:#eeeaff;border-color:#504263}.pp-arcade .at-header a,.pp-arcade .at-footer a{color:#cab4e7!important}.pp-arcade .at-brand{color:#eeeaff!important}.pp-arcade .at-brand span{color:#b497ff!important}.pp-arcade #atelier{color:#f0ebff}.pp-arcade .at-shop-intro h1,.pp-arcade #atelier h2{color:#f6efff}.pp-arcade .at-shop-intro p{color:#bdb1d1}.pp-arcade .at-shop-panel,.pp-arcade .at-card,.pp-arcade .at-cart,.pp-arcade .at-filters,.pp-arcade .at-controls{background:#19172c;color:#ebe5f6;border-color:#544165}.pp-arcade .at-card h3,.pp-arcade .at-card p{color:#e0d5f0}.pp-arcade .at-primary{background:linear-gradient(135deg,#945de1,#634bdf);color:white}.pp-arcade #atelier button,.pp-arcade #atelier select,.pp-arcade #atelier input{border-color:#715190}.pp-arcade .at-filter,.pp-arcade .at-tab{background:#28223b;color:#ded0f2}
.pp-arcade .pp-guide,.pp-arcade .pp-help,.pp-arcade .pp-learn,.pp-arcade .wpo-toolbar{background:transparent!important;color:#e9e1f5!important}.pp-arcade .pp-guide a,.pp-arcade .pp-learn a{color:#bca3fc!important}.pp-arcade .pp-cards>li,.pp-arcade .pp-cards>article,.pp-arcade body[data-page] article{background:#18172b!important;color:#e2d8ee!important;border:1px solid #534064}.pp-arcade .pp-eyebrow{color:#96fbd4!important}.pp-arcade .pp-help{max-width:1100px;margin:40px auto;padding:0 24px}.pp-arcade .pp-help>h1{font-size:clamp(38px,6vw,64px);letter-spacing:-2px}.pp-arcade .pp-help-nav{display:flex;gap:20px;flex-wrap:wrap}.pp-arcade .pp-help-nav a{color:#c5a5ff}.pp-arcade .pp-section{border-color:#4c3b64}.pp-arcade th,.pp-arcade td{border-color:#4d405f}.pp-arcade .pp-learn thead{background:#252037}.pp-arcade .pp-learn th{color:#eee1ff}.pp-arcade .pp-help details{padding:14px 0}.pp-arcade .wpo-toolbar [data-color-toggle]{display:none}.pp-arcade .pp-help .wpo-toolbar{border-color:#54446d}
.pp-arcade[data-page] main,.pp-arcade[data-page] section{background:transparent!important;color:#ebe4f5!important}.pp-arcade[data-page] article,.pp-arcade [data-product-card]{background:#1b182e!important;border-color:#5a4375!important;color:#ede5f8!important}.pp-arcade[data-page] a{color:#c7a9ff}.pp-arcade .owner-shell,.pp-arcade .owner-card,.pp-arcade .owner-panel,.pp-arcade .owner-table{background:#17172c;color:#f0e9ff;border-color:#55446f}.pp-arcade .owner-shell input,.pp-arcade .owner-shell button{background:#33264e;color:#efdeff}
@media(max-width:700px){.pp-arcade .postispop{padding:12px 12px 22px}.pp-arcade .app-header{padding:12px;gap:8px;border-radius:15px}.pp-arcade .brand{width:110px;min-width:110px}.pp-arcade .brand:after{font-size:23px}.pp-arcade .app-header button{padding:8px 10px;font-size:11px}.pp-arcade-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pp-arcade .pp-arcade-nav a{font-size:12px}.pp-arcade .board-frame{padding:14px!important;border-radius:17px!important}.pp-arcade .board-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important}.pp-arcade .sticky-note{min-height:106px!important;border-radius:10px!important;border-bottom-width:4px!important}.pp-arcade .note-cell{aspect-ratio:.88}.pp-arcade .blank-note{font-size:12px}.pp-arcade .pp-note-search{padding:8px}.pp-arcade .workspace-caption{margin-top:15px}.pp-arcade .editor-dialog{padding:15px!important;max-width:calc(100% - 20px)!important}.pp-arcade .pp-vault-note-action{font-size:11px;padding:7px}}
@media(prefers-reduced-motion:reduce){.pp-arcade .sticky-note{transition:none}.pp-arcade .sticky-note:hover{transform:none!important}}

/* The board fills the available first screen; editing tools live inside notes. */
.pp-arcade .postispop{max-width:none;width:100%;padding:10px 18px 16px}.pp-arcade .app-header{padding:8px 14px;border-radius:13px}.pp-arcade .workspace-caption{margin:9px 0 4px;min-height:18px;font-size:11px}.pp-arcade .pp-note-search{margin:4px 0!important;padding:5px 10px;max-width:none!important}.pp-arcade .pp-note-search input,.pp-arcade .pp-note-search select{min-height:32px;padding:5px 10px;font-size:12px}.pp-arcade .board-frame{height:var(--pp-board-height,calc(100dvh - 205px))!important;min-height:240px!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important;margin:12px 0 0!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:14px}.pp-arcade .board-grid{flex:1!important;width:100%!important;height:auto!important;min-height:0!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important}.pp-arcade .board-frame.zoom-1 .board-grid,.pp-arcade .board-frame.zoom-2 .board-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}.pp-arcade .note-cell{aspect-ratio:auto!important;min-height:0!important}.pp-arcade .sticky-note{min-height:0!important;max-height:none!important}.pp-arcade .board-rail{position:static!important;transform:none!important;width:auto!important;min-height:34px!important;height:34px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;display:flex!important;justify-content:center!important;flex:none!important}.pp-arcade .board-rail>.dock-pens,.pp-arcade .board-rail>.voice-create,.pp-arcade .board-rail>.rail-help,.pp-arcade .board-rail>.trash-target{display:none!important}.pp-arcade .rail-center{display:flex!important;gap:8px!important;margin:0!important;position:static!important;transform:none!important}.pp-arcade .rail-center button{height:34px!important;min-height:34px!important;background:#352849!important;color:#e4ccff!important;border:1px solid #795a9e!important;border-radius:10px!important;padding:4px 18px!important;box-shadow:0 3px 0 #070710!important}.pp-arcade .rail-center .zoom-button span{font:700 14px system-ui!important}.pp-arcade [aria-label="Tienda y recordatorios"]{display:none!important}
@media(max-width:700px){.pp-arcade .postispop{padding:8px}.pp-arcade .app-header{padding:8px;gap:5px}.pp-arcade .pp-arcade-nav{gap:5px}.pp-arcade .pp-arcade-nav a{min-height:32px;padding:5px 8px}.pp-arcade .board-frame{padding:11px!important;gap:10px}.pp-arcade .board-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:10px!important}.pp-arcade .board-frame.zoom-1 .board-grid,.pp-arcade .board-frame.zoom-2 .board-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}.pp-arcade .sticky-note .note-text{font-size:clamp(10px,2.8vw,16px)!important}.pp-arcade .sticky-note{border-radius:9px!important}.pp-arcade .board-rail{height:30px!important;min-height:30px!important}.pp-arcade .rail-center button{height:30px!important;min-height:30px!important}}
@media(max-height:480px) and (orientation:landscape){.pp-arcade .app-header button{min-height:28px;padding:4px 8px}.pp-arcade .pp-arcade-nav{width:auto;display:flex}.pp-arcade .board-frame{min-height:160px!important}.pp-arcade .board-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}.pp-arcade .pp-note-search{display:none!important}}

.pp-arcade #atelier .at-pack-card{background:linear-gradient(140deg,#261e3c,#15182a)!important;border:1px solid #684d89!important;color:#eee6fb!important;border-radius:16px;box-shadow:0 5px 0 #080913}.pp-arcade #atelier .at-pack-card h3{color:#efdefe!important}.pp-arcade #atelier .at-pack-card p,.pp-arcade #atelier .at-fine,.pp-arcade #atelier .at-count{color:#bfb0d3!important}.pp-arcade .at-shop-nav{background:#171529!important;border:1px solid #513c6b;border-radius:12px;padding:12px}.pp-arcade .at-shop-nav a{color:#c4a1fc!important}.pp-arcade #atelier .at-filters input,.pp-arcade #atelier .at-filters select{background:#111123!important;color:#e7daf8!important}.pp-arcade #atelier .at-preview-link,.pp-arcade #atelier #at-more,.pp-arcade #atelier #at-reset,.pp-arcade .at-header button{background:#332445!important;color:#e8d2ff!important;border-color:#745395!important}.pp-arcade #atelier .at-card{border:1px solid #614676!important;border-radius:16px;overflow:hidden}.pp-arcade #atelier .at-badge{background:#305244;color:#a3f8d4}.pp-arcade #atelier .at-edition{color:#b8a6cd!important}.pp-arcade .pp-vault-dialog input,.pp-arcade .pp-vault-dialog textarea{background:#101021!important;color:#efe8ff!important}.pp-arcade #pp-analytics-choice{background:#1a172c!important;color:#e6dcf3!important;border-color:#71578d!important}.pp-arcade #pp-analytics-choice button{background:#352748!important;color:#f4e9ff!important;border-color:#8870a5!important}.pp-arcade #pp-analytics-choice a{color:#bb9ef5!important}

body.pp-arcade .pp-visit-streak{display:flex;align-items:center;justify-content:center;gap:12px;min-height:32px;padding:4px 10px;margin:0 0 7px;border:1px solid #51416c;border-radius:10px;background:linear-gradient(100deg,#171429,#132725);color:#d8d3ec;text-decoration:none;font:500 11px/1.2 system-ui;box-sizing:border-box}
body.pp-arcade .pp-visit-streak strong{font-size:11px;font-weight:700;white-space:nowrap}
body.pp-arcade .pp-streak-days{display:flex;gap:4px}
body.pp-arcade .pp-streak-days span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:1px solid #514762;background:#242037;color:#beb7d3;font-size:11px;font-weight:800}
body.pp-arcade .pp-streak-days span.done{background:#186b4f;color:#d8fff0;border-color:#75e6b4;box-shadow:0 0 8px #3ef09b22}
body.pp-arcade .pp-streak-status{font-size:10px;color:#b4d4c8}
@media(max-width:600px){body.pp-arcade .pp-visit-streak{gap:6px;flex-wrap:wrap;padding:4px 6px;margin-bottom:5px}body.pp-arcade .pp-visit-streak strong{font-size:10px}body.pp-arcade .pp-streak-status{flex-basis:100%;text-align:center;font-size:9px}body.pp-arcade .pp-streak-days span{height:18px;width:18px;font-size:10px}}