@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Nunito:wght@700;800;900&display=swap";:root{font-family:Atkinson Hyperlegible,system-ui,sans-serif;color:#17324d;background:#fff8ec;font-synthesis:none;--ink:#17324d;--muted:#617184;--cream:#fff8ec;--coral:#f06f56;--teal:#32a89d;--yellow:#ffd166;--line:#e6e1d8}*{box-sizing:border-box}html,body,#root{min-width:320px;width:100%;height:100%;margin:0}html{background:var(--cream)}body{height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid rgba(50,168,157,.35);outline-offset:2px}.communication-shell{width:100%;height:100%;min-height:0;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;flex-direction:column;background:radial-gradient(circle at 8% 10%,rgba(255,209,102,.24),transparent 22%),radial-gradient(circle at 95% 85%,rgba(50,168,157,.14),transparent 24%),var(--cream)}.app-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand,.settings-brand{display:flex;align-items:center;gap:12px;font:900 1.6rem Nunito,sans-serif}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--coral);font:900 1.8rem Nunito,sans-serif;transform:rotate(-3deg);box-shadow:0 5px #d8523d}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:1.3rem}.icon-button{width:52px;height:52px;border:0;border-radius:18px;display:grid;place-items:center;background:#fff;box-shadow:0 3px #17324d1f;cursor:pointer}.icon-button svg{width:25px;height:25px}.icon-button:disabled{opacity:.3;cursor:default;box-shadow:none}.header-title{font:900 clamp(1.5rem,4vw,2.3rem) Nunito,sans-serif;text-align:center}.header-spacer,.speech-status{width:52px;display:grid;place-items:center;color:var(--muted)}.category-grid{flex:1;width:min(960px,100%);margin:28px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:center}.category-button{min-height:150px;border:3px solid var(--ink);border-radius:30px;background:#fff;box-shadow:0 8px 0 var(--ink);cursor:pointer;padding:24px;font:900 clamp(1.6rem,4vw,2.8rem) Nunito,sans-serif;transition:transform .12s,box-shadow .12s}.category-button:nth-child(4n+4){background:#ffe2dc}.category-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--ink)}.card-grid{flex:1;width:min(960px,100%);margin:18px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-height:0}.communication-card{min-height:0;overflow:hidden;border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);padding:0;display:flex;flex-direction:column;cursor:pointer}.card-image-frame{flex:1 1 auto;overflow:hidden;min-height:0;background:#eef1f1}.card-image-frame img{width:100%;height:100%;display:block;transform-origin:center}.card-word{width:100%;min-height:24%;display:grid;place-items:center;padding:10px 16px;font-family:Nunito,sans-serif;font-weight:900;line-height:1;text-align:center;overflow-wrap:anywhere}.pager{height:76px;display:flex;justify-content:center;align-items:center;gap:22px;font:800 1.2rem Nunito,sans-serif}.expanded-shell .expanded-card{flex:1;width:min(920px,100%);margin:16px auto 10px}.expanded-card .card-word{min-height:18%}.expanded-card .card-image-frame{min-height:55dvh}.empty-state{flex:1;display:grid;place-content:center;text-align:center;padding:32px}.empty-state h1{margin:10px 0 4px;font:900 clamp(2rem,6vw,3.5rem) Nunito,sans-serif}.empty-state p{margin:0;color:var(--muted);font-size:1.2rem}.sun-shape{font-size:3rem;color:var(--coral)}.loading-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--cream)}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#1125379e;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(500px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:28px;padding:28px;box-shadow:0 24px 70px #0a1e2d4d}.pin-card{text-align:center}.modal-icon{width:58px;height:58px;border-radius:20px;background:#dff6f2;display:grid;place-items:center;margin:auto}.modal h2{font:900 1.7rem Nunito,sans-serif;margin:14px 0 4px}.modal p{color:var(--muted)}label{display:grid;gap:7px;text-align:left;font-weight:700;margin-bottom:10px}input,select{min-height:48px;padding:10px 13px;border:2px solid #ccd4d8;border-radius:13px;background:#fff;color:var(--ink)}.button-row{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.button{min-height:48px;border-radius:14px;border:0;padding:10px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.button.primary{background:var(--coral);color:#fff}.button.secondary{background:#edf1f2}.button:disabled{opacity:.45}.error{color:#b42b2b!important;font-weight:700}.settings-shell{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:260px 1fr;overflow:hidden;background:#f7f5f0}.settings-sidebar{background:var(--ink);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:30px}.settings-brand{padding:0 10px}.settings-sidebar nav{display:grid;gap:7px}.settings-sidebar nav button,.back-to-app{width:100%;border:0;background:transparent;color:#cbd8df;border-radius:13px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:700;cursor:pointer}.settings-sidebar nav button.active{background:#ffffff21;color:#fff}.settings-sidebar svg{width:20px}.back-to-app{margin-top:auto}.settings-content{min-height:0;padding:clamp(28px,5vw,64px);overflow:auto}.panel-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:30px}.panel-header h1{font:900 clamp(2rem,4vw,3rem) Nunito,sans-serif;margin:2px 0}.panel-header p:not(.eyebrow){margin:0;color:var(--muted);font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.75rem;color:var(--teal)!important;margin:0}.quick-add{display:flex;gap:12px;background:#fff;border-radius:18px;padding:14px;margin-bottom:18px}.quick-add input{flex:1}.settings-list{display:grid;gap:10px}.settings-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px}.settings-row .icon-button{width:42px;height:42px;border-radius:12px;box-shadow:none;background:#f1f4f4}.settings-row .icon-button svg{width:19px}.order-controls{display:flex;gap:4px}.inline-name{flex:1;border-color:transparent;font-weight:800}.muted{color:var(--muted)}.row-main{flex:1;border:0;background:transparent;text-align:left;display:grid;gap:3px;cursor:pointer}.row-main strong{font-size:1.08rem}.row-main span{color:var(--muted)}.settings-empty{text-align:center;padding:70px 20px;color:var(--muted)}.settings-empty svg{width:44px;height:44px;color:#99a8af}.settings-empty h2{font:800 1.4rem Nunito,sans-serif;color:var(--ink);margin-bottom:5px}.filter-label{max-width:320px;margin-bottom:18px}.scope-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.scope-tabs button{border:0;border-radius:999px;padding:10px 16px;background:#e8ecec;font-weight:800;cursor:pointer}.scope-tabs button.active{background:var(--ink);color:#fff}.appearance-card,.setting-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.appearance-card{max-width:650px}.appearance-card h2,.setting-card h2{font:800 1.3rem Nunito,sans-serif;margin:0 0 14px}.style-editor{display:grid;gap:18px}.style-editor .hint{color:var(--muted);margin:0}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-row input{width:100%;padding:5px}.text-button{justify-self:start;border:0;background:transparent;color:#267c74;text-decoration:underline;cursor:pointer}.ranking{display:grid;gap:10px}.rank-row{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px}.rank-number{width:34px;height:34px;border-radius:50%;background:#fff0ba;display:grid;place-items:center;font-weight:900}.rank-row>span:last-child{color:var(--muted)}.setting-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.setting-card p{color:var(--muted);margin:0}.toggle{width:64px;height:36px;border:0;border-radius:999px;background:#b8c0c4;padding:4px;cursor:pointer}.toggle span{display:block;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:var(--teal)}.toggle.on span{transform:translate(28px)}.pin-change{display:grid;grid-template-columns:1fr 160px auto}.form-message{grid-column:1/-1}.status-pill{padding:8px 12px;border-radius:999px;background:#dff6f2;color:#19776f;font-weight:800}.editor-modal{width:min(950px,100%)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start}.modal-heading h2{margin-top:2px}.close-button{border:0;background:transparent;font-size:2rem;cursor:pointer}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.form-stack{display:grid;gap:16px}fieldset{border:1px solid var(--line);border-radius:15px;padding:14px}legend{font-weight:800}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{min-height:auto}.optional{font-weight:400;color:var(--muted)}.appearance-details{background:#f7f5f0;border-radius:18px;padding:16px;height:max-content}.appearance-details summary{cursor:pointer;font-weight:800;margin-bottom:16px}.cropper{display:grid;gap:10px}.crop-preview{height:220px;overflow:hidden;border-radius:17px;background:#e7ebeb}.crop-preview img{width:100%;height:100%;object-fit:cover;transform-origin:center}.cropper label{font-size:.9rem}.cropper input[type=range],.style-editor input[type=range]{min-height:auto;padding:0;border:0}@media(max-width:760px){.settings-shell{display:block}.settings-sidebar{position:sticky;top:0;z-index:50;width:100%;align-self:start;padding:12px;display:grid;grid-template-columns:auto 1fr;box-shadow:0 7px 18px #0f203a33}.settings-brand{display:none}.settings-sidebar nav{display:flex;overflow:auto;grid-column:1/-1}.settings-sidebar nav button{white-space:nowrap;width:auto}.back-to-app{grid-row:1;grid-column:1/-1;margin:0}.settings-content{padding:24px 16px}.panel-header{display:grid}.editor-columns,.pin-change{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr;align-content:start}.category-button{min-height:118px}.card-grid{gap:10px}.communication-shell{padding:12px}.settings-row{flex-wrap:wrap}.inline-name{min-width:140px}.muted{display:none}}@media(max-height:650px)and (orientation:landscape){.app-header{height:52px}.card-grid{margin:8px auto}.pager{height:56px}.category-button{min-height:95px}.expanded-card .card-image-frame{min-height:45dvh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.appearance-layout{display:grid;grid-template-columns:minmax(320px,650px) minmax(280px,420px);gap:24px;align-items:start}.appearance-layout .appearance-card{max-width:none}.preview-panel{position:sticky;top:28px;background:#eaf6f3;border-radius:22px;padding:24px}.preview-panel h2{font:800 1.3rem Nunito,sans-serif;margin:3px 0 18px}.style-preview{height:390px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);display:flex;flex-direction:column;transition:background .15s,border-radius .15s}.preview-photo{position:relative;flex:1 1 auto;overflow:hidden;background:linear-gradient(#bce9ef 0 58%,#a7d982 58%)}.preview-photo.contain{margin:12px;border-radius:10px}.preview-sun{position:absolute;width:52px;height:52px;border-radius:50%;background:#ffd166;right:18%;top:14%}.preview-hills i{position:absolute;width:75%;height:48%;border-radius:50% 50% 0 0;background:#72bd72;left:-15%;bottom:-8%}.preview-hills i+i{background:#409c73;left:45%;bottom:-4%}.preview-word{min-height:24%;display:grid;place-items:center;padding:10px;font-weight:900;line-height:1}.preview-note{text-align:center;color:var(--muted);margin:16px 0 0}.crop-preview{position:relative;height:280px;overflow:hidden;border-radius:17px;background:#172735;-webkit-user-select:none;user-select:none}.crop-preview.interactive{touch-action:none;cursor:grab}.crop-preview.interactive:active{cursor:grabbing}.crop-preview img{pointer-events:none}.crop-grid{position:absolute;inset:0;pointer-events:none}.crop-grid i{position:absolute;background:#ffffff80}.crop-grid i:nth-child(1),.crop-grid i:nth-child(2){top:0;bottom:0;width:1px;left:33.333%}.crop-grid i:nth-child(2){left:66.666%}.crop-grid i:nth-child(3),.crop-grid i:nth-child(4){left:0;right:0;height:1px;top:33.333%}.crop-grid i:nth-child(4){top:66.666%}.crop-corner{position:absolute;width:28px;height:28px;border-color:#fff;border-style:solid;pointer-events:none}.crop-corner.top-left{top:9px;left:9px;border-width:3px 0 0 3px}.crop-corner.top-right{top:9px;right:9px;border-width:3px 3px 0 0}.crop-corner.bottom-left{bottom:9px;left:9px;border-width:0 0 3px 3px}.crop-corner.bottom-right{bottom:9px;right:9px;border-width:0 3px 3px 0}.crop-help{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.86rem}.crop-help span,.crop-help button{display:flex;align-items:center;gap:6px}.crop-help svg{width:16px;height:16px;flex:none}@media(max-width:1000px){.appearance-layout{grid-template-columns:1fr}.preview-panel{position:static}.style-preview{height:340px;max-width:380px;margin:auto}}.cards-screen,.expanded-shell{height:100dvh;min-height:0;overflow:hidden}.cards-screen .card-grid{overflow:hidden}.communication-card{width:100%;height:100%;max-width:100%}.card-word{flex:0 0 auto;max-width:100%}.card-word,.header-title,.category-button{word-break:break-word;overflow-wrap:anywhere}.home-screen{overflow:auto}@media(min-width:601px)and (max-width:1024px){.communication-shell{padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.card-grid{gap:16px;margin:14px auto}.category-grid{gap:18px;margin:22px auto}.category-button{min-height:132px;padding:20px}.settings-shell{grid-template-columns:220px minmax(0,1fr)}.settings-sidebar{padding:20px 12px}.settings-content{min-width:0;padding:32px 26px}.editor-modal{width:min(900px,calc(100vw - 32px))}.editor-columns{grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);gap:20px}}@media(max-width:600px){html,body,#root{min-width:0;width:100%;overflow-x:hidden}.communication-shell{width:100%;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.app-header{height:54px;min-height:54px;gap:8px}.brand{gap:9px;font-size:1.25rem}.brand-mark{width:39px;height:39px;border-radius:13px;font-size:1.35rem;box-shadow:0 4px #d8523d}.icon-button{width:44px;height:44px;min-width:44px;border-radius:14px}.icon-button svg{width:22px;height:22px}.header-title{min-width:0;font-size:clamp(1.15rem,6vw,1.7rem);line-height:1.05}.header-spacer,.speech-status{width:44px;min-width:44px}.home-screen .category-grid{display:grid;grid-template-columns:1fr;gap:13px;margin:17px auto;align-content:start}.category-button{min-height:92px;padding:15px 18px;border-width:2px;border-radius:22px;box-shadow:0 5px 0 var(--ink);font-size:clamp(1.35rem,7vw,2rem)}.cards-screen .card-grid{margin:10px auto 8px;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.communication-card{border-width:2px;border-radius:min(22px,6vw)!important;box-shadow:0 4px 0 var(--ink)}.card-word{min-height:22%;padding:6px 5px;line-height:.98}.pager{height:56px;min-height:56px;gap:15px;font-size:1rem}.pager .icon-button{width:46px;height:42px}.expanded-shell .expanded-card{margin:10px auto 5px;min-height:0}.expanded-card .card-image-frame{min-height:0}.expanded-card .card-word{min-height:17%;padding:10px}.empty-state{padding:24px 14px}.empty-state h1{font-size:clamp(1.8rem,10vw,2.6rem)}.empty-state p{font-size:1rem}.modal-backdrop{align-items:stretch;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.modal{align-self:center;width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:22px;padding:20px 16px}.editor-modal{height:100%;max-height:none;border-radius:18px;display:flex;flex-direction:column}.editor-modal .modal-heading{position:sticky;top:-20px;z-index:3;margin:-20px -16px 10px;padding:18px 16px 10px;background:#fff}.editor-columns{display:block}.appearance-details{margin-top:16px}.editor-modal>.button-row{position:sticky;bottom:-20px;z-index:3;margin:18px -16px -20px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.check-grid{grid-template-columns:1fr}.crop-preview{height:min(62vw,260px)}.crop-help{align-items:flex-start;flex-direction:column}.settings-shell{display:flex;flex-direction:column;min-height:100dvh;width:100%;overflow:visible}.settings-sidebar{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:8px;width:100%;padding:max(8px,env(safe-area-inset-top)) 8px 8px}.back-to-app{order:0;width:max-content;margin:0;padding:8px 10px}.settings-sidebar nav{order:1;display:flex;width:100%;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}.settings-sidebar nav::-webkit-scrollbar{display:none}.settings-sidebar nav button{flex:0 0 auto;width:auto;padding:9px 11px;gap:7px;font-size:.88rem}.settings-sidebar nav button svg{width:17px}.settings-content{width:100%;min-width:0;padding:24px 12px max(28px,env(safe-area-inset-bottom));overflow:visible}.panel-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.panel-header h1{font-size:2rem}.panel-header>button{width:100%}.quick-add{display:grid;padding:11px;gap:9px}.quick-add .button{width:100%}.filter-label{max-width:none}.settings-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px;padding:9px}.settings-row .order-controls{grid-column:1}.settings-row .inline-name,.settings-row .row-main{grid-column:2;min-width:0;width:100%}.settings-row .muted{display:none}.settings-row .icon-button{width:38px;min-width:38px;height:38px}.order-controls{flex-direction:column}.order-controls .icon-button{width:32px;min-width:32px;height:28px}.scope-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.scope-tabs button{flex:0 0 auto}.appearance-card,.preview-panel,.setting-card{padding:18px 14px;border-radius:18px}.style-preview{width:100%;height:min(104vw,380px)}.color-row{grid-template-columns:1fr}.setting-card{align-items:flex-start}.pin-change{grid-template-columns:1fr}.pin-change input,.pin-change button{width:100%}.rank-row{grid-template-columns:36px minmax(0,1fr);padding:13px 10px}.rank-row>span:last-child{grid-column:2}}.draft-image-slot{flex:1 1 auto;min-height:0;overflow:hidden}.embedded-crop{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#172735}.embedded-crop:active{cursor:grabbing}.embedded-crop img{width:100%;height:100%;display:block;transform-origin:center;pointer-events:none}.integrated-crop-help{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:13px;background:#ffffffbd;color:var(--muted);font-size:.82rem;line-height:1.35}.integrated-crop-help .text-button{flex:0 0 auto;font-weight:800}@media(max-width:600px){.integrated-crop-help{align-items:flex-start;flex-direction:column}}@media(max-height:600px)and (orientation:landscape){.communication-shell{padding:max(7px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.app-header{height:44px;min-height:44px}.brand-mark,.app-header .icon-button{width:38px;min-width:38px;height:38px;border-radius:12px}.category-grid,.home-screen .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px auto}.category-button{min-height:74px;padding:10px;font-size:clamp(1.1rem,4vw,1.75rem)}.cards-screen .card-grid{margin:6px auto;gap:8px}.pager{height:44px;min-height:44px}.pager .icon-button{height:36px;width:42px}.expanded-shell .expanded-card{margin:0}.modal{max-height:calc(100dvh - 12px)}.crop-preview{height:180px}}@media(max-width:600px){body{overscroll-behavior-y:none}.settings-shell{height:100dvh;min-height:0;overflow:hidden}.settings-sidebar{flex:0 0 auto}.settings-sidebar nav{padding:0 0 9px;scrollbar-width:thin;scrollbar-color:#91a7b3 rgba(255,255,255,.13)}.settings-sidebar nav::-webkit-scrollbar{display:block;height:6px}.settings-sidebar nav::-webkit-scrollbar-track{background:#ffffff21;border-radius:999px}.settings-sidebar nav::-webkit-scrollbar-thumb{background:#91a7b3;border-radius:999px}.settings-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.settings-content:after{content:"";display:block;height:max(28px,env(safe-area-inset-bottom))}.card-editor-backdrop{padding:0;align-items:stretch}.editor-modal{align-self:stretch;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.editor-modal .modal-heading{position:relative;top:auto;flex:0 0 auto;margin:0;padding:max(20px,env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid var(--line);background:#fff}.editor-modal .modal-heading h2{margin:3px 0 0;font-size:1.65rem}.editor-modal .close-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:12px}.editor-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:20px}.editor-scroll .form-stack{gap:18px}.editor-scroll label{margin:0}.field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.editor-scroll input:not([type=checkbox]){width:100%;max-width:100%}.file-input{min-height:52px;padding:9px;overflow:hidden}.editor-scroll fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--line);background:#faf9f6}.editor-scroll legend{padding:0 7px}.check-grid{gap:12px}.check-row{min-height:32px}.check-row input{width:20px;height:20px;flex:0 0 20px}.cropper{width:100%;min-width:0}.crop-preview{width:100%;height:clamp(220px,70vw,300px)}.appearance-details{width:100%;margin:20px 0 4px;padding:16px}.editor-modal>.editor-actions{position:relative;bottom:auto;flex:0 0 auto;margin:0;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;box-shadow:0 -8px 24px #17324d14}.editor-actions .button{flex:1}}@media(min-width:601px){.editor-scroll{overflow:visible}}@media(max-height:600px)and (orientation:landscape){.settings-shell{height:100dvh}.editor-modal{height:100dvh;max-height:100dvh}.editor-modal .modal-heading{padding:10px max(18px,env(safe-area-inset-left))}.editor-scroll{padding:14px max(18px,env(safe-area-inset-left))}.editor-modal>.editor-actions{padding:8px max(18px,env(safe-area-inset-right))}.crop-preview{height:190px}}.draft-preview-panel{min-width:0;display:grid;gap:15px;align-content:start;padding:18px;border-radius:22px;background:linear-gradient(145deg,#f0fbf8,#fff4d6);border:1px solid #d9ebe6}.draft-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.draft-preview-heading h3{margin:3px 0 0;font:900 1.35rem Nunito,sans-serif}.draft-preview-heading label{margin:0;font-size:.75rem;gap:3px}.draft-preview-heading select{min-height:36px;padding:5px 9px;max-width:150px}.draft-card{width:100%;aspect-ratio:4/5;overflow:hidden;border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);display:flex;flex-direction:column;transition:background .2s,border-radius .2s}.draft-preview-image{flex:1 1 auto;min-height:0;overflow:hidden;background:#e9eff0}.draft-preview-image img{width:100%;height:100%;display:block;transform-origin:center}.draft-preview-word{min-height:24%;display:grid;place-items:center;padding:10px;font-family:Nunito,sans-serif;font-weight:900;line-height:1;text-align:center;overflow-wrap:anywhere}.draft-image-empty{width:100%;height:100%;min-height:180px;display:grid;place-content:center;justify-items:center;gap:10px;color:#70828b;background:linear-gradient(135deg,#dff6f2,#e7edff)}.draft-image-empty svg{width:42px;height:42px}.draft-preview-note{margin:0!important;color:var(--muted);font-size:.88rem;line-height:1.4}.draft-preview-panel .appearance-details{margin:0;background:#ffffffb8}:root{--purple:#7868e6;--sky:#58bce8;--pink:#ef7eb1;--lime:#91cf6b}.communication-shell{position:relative;isolation:isolate;background:radial-gradient(circle at 8% 10%,rgba(255,209,102,.42),transparent 24%),radial-gradient(circle at 94% 15%,rgba(239,126,177,.2),transparent 22%),radial-gradient(circle at 92% 88%,rgba(88,188,232,.25),transparent 27%),var(--cream)}.communication-shell:before,.communication-shell:after{content:"";position:fixed;z-index:-1;border-radius:48% 52% 55% 45%;opacity:.24;pointer-events:none}.communication-shell:before{width:170px;height:170px;left:-75px;bottom:10%;background:var(--purple);animation:happy-float 7s ease-in-out infinite}.communication-shell:after{width:130px;height:130px;right:-45px;top:23%;background:var(--pink);animation:happy-float 6s ease-in-out -2s infinite reverse}.category-button{animation:pop-in .42s cubic-bezier(.2,.9,.25,1.25) both}.category-button:nth-child(2){animation-delay:.05s}.category-button:nth-child(3){animation-delay:.1s}.category-button:nth-child(4){animation-delay:.15s}.category-button:nth-child(5){animation-delay:.2s}.category-button:nth-child(4n+1){background:#fff}.category-button:nth-child(4n+2){background:#dff6f2}.category-button:nth-child(4n+3){background:#fff0ba}.category-button:nth-child(4n+4){background:#f3e8ff}.category-button:hover{transform:translateY(-3px) rotate(-.35deg);box-shadow:0 11px 0 var(--ink)}.category-button:nth-child(2n):hover{transform:translateY(-3px) rotate(.35deg)}.communication-card{animation:card-arrive .38s cubic-bezier(.2,.9,.3,1.2) both;transition:transform .16s,box-shadow .16s}.communication-card:nth-child(2){animation-delay:.04s}.communication-card:nth-child(3){animation-delay:.08s}.communication-card:nth-child(4){animation-delay:.12s}.communication-card:hover{transform:translateY(-2px);box-shadow:0 9px 0 var(--ink)}.communication-card:active{transform:scale(.975) translateY(3px);box-shadow:0 3px 0 var(--ink)}.button,.icon-button,.settings-sidebar nav button,.scope-tabs button{transition:transform .15s,filter .15s,background .2s}.button:hover,.icon-button:hover{transform:translateY(-2px);filter:saturate(1.15)}.button:active,.icon-button:active{transform:scale(.95)}.button.primary{background:linear-gradient(135deg,#f06f56,#ef7e75);box-shadow:0 4px #c95140}.button.primary:hover{filter:saturate(1.18) brightness(1.03)}.settings-content{background:radial-gradient(circle at 95% 3%,rgba(255,209,102,.18),transparent 20%),radial-gradient(circle at 5% 95%,rgba(88,188,232,.12),transparent 22%),#f7f5f0}.settings-row,.setting-card,.appearance-card,.rank-row{transition:transform .18s,box-shadow .18s}.settings-row:hover,.setting-card:hover,.rank-row:hover{transform:translateY(-2px);box-shadow:0 7px 18px #17324d12}.settings-sidebar nav button:nth-child(2).active{background:#58bce842}.settings-sidebar nav button:nth-child(3).active{background:#ef7eb140}.settings-sidebar nav button:nth-child(4).active{background:#ffd16638}.settings-sidebar nav button:nth-child(5).active{background:#91cf6b38}.sun-shape{animation:gentle-spin 8s linear infinite;text-shadow:20px -10px 0 rgba(255,209,102,.35),-24px 8px 0 rgba(239,126,177,.22)}.modal{animation:modal-pop .24s cubic-bezier(.2,.85,.3,1.08)}.toggle.on span{animation:toggle-bounce .25s ease-out}.status-pill{animation:soft-pulse 2.8s ease-in-out infinite}@keyframes pop-in{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:none}}@keyframes card-arrive{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:none}}@keyframes happy-float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(8px,-16px) rotate(9deg)}}@keyframes gentle-spin{to{transform:rotate(360deg)}}@keyframes toggle-bounce{50%{transform:translate(28px) scale(1.16)}}@keyframes soft-pulse{50%{transform:scale(1.04);filter:saturate(1.2)}}@media(max-width:600px){.draft-preview-panel{margin-top:20px;padding:14px}.draft-card{max-width:330px;margin:auto}.draft-preview-heading{align-items:start}.draft-preview-heading select{max-width:125px}.communication-shell:before{width:110px;height:110px}.communication-shell:after{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){.category-button,.communication-card,.modal,.communication-shell:before,.communication-shell:after,.sun-shape,.toggle.on span,.status-pill{animation:none!important}}:root{--berry:#d94f87;--berry-soft:#ffd9e9;--tangerine:#f28a4f;--tangerine-soft:#ffe1c7;--aqua:#2eb4ae;--aqua-soft:#c9f3ed;--ocean:#4e91e4;--ocean-soft:#d9e9ff;--violet:#806bdc;--violet-soft:#e7dfff;--leaf:#68b96b;--leaf-soft:#dcf3ce;--sunflower:#f2b936;--sunflower-soft:#fff0b7;--watermelon:#ef665f;--watermelon-soft:#ffd9d4}body{background:#fff8ec}.communication-shell{background:radial-gradient(circle at 18% 24%,rgba(78,145,228,.28) 0 7px,transparent 8px),radial-gradient(circle at 82% 31%,rgba(242,138,79,.3) 0 6px,transparent 7px),radial-gradient(circle at 27% 76%,rgba(46,180,174,.27) 0 8px,transparent 9px),radial-gradient(circle at 74% 69%,rgba(217,79,135,.23) 0 7px,transparent 8px),radial-gradient(circle at 48% 14%,rgba(128,107,220,.2) 0 5px,transparent 6px),radial-gradient(circle at 56% 88%,rgba(104,185,107,.24) 0 6px,transparent 7px),radial-gradient(circle at 7% 8%,rgba(242,185,54,.38),transparent 22%),radial-gradient(circle at 94% 12%,rgba(217,79,135,.24),transparent 20%),radial-gradient(circle at 10% 92%,rgba(128,107,220,.18),transparent 23%),radial-gradient(circle at 92% 88%,rgba(46,180,174,.25),transparent 25%),linear-gradient(145deg,#fffaf0,#fff7f5 46%,#f5fbff)}.category-button:nth-child(8n+1){background:var(--sunflower-soft);border-color:#b87a09;box-shadow:0 8px #b87a09}.category-button:nth-child(8n+2){background:var(--aqua-soft);border-color:#187c78;box-shadow:0 8px #187c78}.category-button:nth-child(8n+3){background:var(--berry-soft);border-color:#a53564;box-shadow:0 8px #a53564}.category-button:nth-child(8n+4){background:var(--ocean-soft);border-color:#3268a8;box-shadow:0 8px #3268a8}.category-button:nth-child(8n+5){background:var(--leaf-soft);border-color:#3f8542;box-shadow:0 8px #3f8542}.category-button:nth-child(8n+6){background:var(--violet-soft);border-color:#5c49ad;box-shadow:0 8px #5c49ad}.category-button:nth-child(8n+7){background:var(--tangerine-soft);border-color:#b75c27;box-shadow:0 8px #b75c27}.category-button:nth-child(8n+8){background:var(--watermelon-soft);border-color:#b5433e;box-shadow:0 8px #b5433e}.category-button:nth-child(n):active{box-shadow:0 2px 0 currentColor}.brand-mark{background:linear-gradient(145deg,var(--watermelon),var(--berry));box-shadow:0 5px #aa3657}.app-header>.icon-button{background:var(--violet-soft);color:#5140a0}.speech-status{color:var(--aqua);background:#c9f3edb8;border-radius:15px;height:44px}.pager{color:#425168}.pager .icon-button:first-child{background:var(--ocean-soft);color:#285d9d}.pager .icon-button:last-child{background:var(--tangerine-soft);color:#a64d1c}.card-image-frame{background:linear-gradient(135deg,var(--aqua-soft),var(--ocean-soft))}.settings-sidebar{background:linear-gradient(180deg,#18334f,#243b69 55%,#3e3375)}.settings-content{background:radial-gradient(circle at 95% 3%,rgba(242,185,54,.24),transparent 21%),radial-gradient(circle at 7% 94%,rgba(46,180,174,.16),transparent 22%),radial-gradient(circle at 78% 80%,rgba(128,107,220,.1),transparent 19%),#f9f7f3}.settings-sidebar nav button:nth-child(1).active{background:#2eb4ae4d}.settings-sidebar nav button:nth-child(2).active{background:#4e91e452}.settings-sidebar nav button:nth-child(3).active{background:#d94f874d}.settings-sidebar nav button:nth-child(4).active{background:#f2b9364d}.settings-sidebar nav button:nth-child(5).active{background:#68b96b4d}.settings-sidebar nav button:nth-child(1) svg{color:#67ded5}.settings-sidebar nav button:nth-child(2) svg{color:#82b7f7}.settings-sidebar nav button:nth-child(3) svg{color:#f493bd}.settings-sidebar nav button:nth-child(4) svg{color:#ffd76f}.settings-sidebar nav button:nth-child(5) svg{color:#9ddd87}.eyebrow{color:var(--berry)!important}.quick-add{border:2px solid var(--aqua-soft);box-shadow:0 6px #2eb4ae2e}.scope-tabs button:nth-child(4n+1){background:var(--aqua-soft)}.scope-tabs button:nth-child(4n+2){background:var(--berry-soft)}.scope-tabs button:nth-child(4n+3){background:var(--sunflower-soft)}.scope-tabs button:nth-child(4n+4){background:var(--violet-soft)}.scope-tabs button.active{background:linear-gradient(135deg,#3f3378,var(--violet));color:#fff}.settings-row{border-left:6px solid var(--aqua)}.settings-row:nth-child(4n+2){border-left-color:var(--ocean)}.settings-row:nth-child(4n+3){border-left-color:var(--berry)}.settings-row:nth-child(4n+4){border-left-color:var(--sunflower)}.settings-row .icon-button:nth-last-child(2){background:var(--leaf-soft);color:#37733a}.settings-row .icon-button:last-child{background:var(--watermelon-soft);color:#a63834}.order-controls .icon-button:first-child{background:var(--ocean-soft);color:#3268a8}.order-controls .icon-button:last-child{background:var(--tangerine-soft);color:#a64d1c}.appearance-card{border-top:7px solid var(--berry)}.preview-panel{background:linear-gradient(145deg,var(--aqua-soft),var(--sunflower-soft));border:2px solid rgba(46,180,174,.2)}.draft-preview-panel{background:linear-gradient(145deg,var(--ocean-soft),var(--berry-soft) 52%,var(--sunflower-soft))}.appearance-details{background:linear-gradient(145deg,#fff,var(--violet-soft));border:1px solid #d8cff7}.setting-card:nth-of-type(2){border-left:7px solid var(--aqua);background:linear-gradient(100deg,#fff,var(--aqua-soft))}.setting-card:nth-of-type(3){border-left:7px solid var(--violet);background:linear-gradient(100deg,#fff,var(--violet-soft))}.setting-card:nth-of-type(4){border-left:7px solid var(--leaf);background:linear-gradient(100deg,#fff,var(--leaf-soft))}.toggle.on{background:linear-gradient(135deg,var(--aqua),var(--leaf))}.status-pill{background:var(--leaf-soft);color:#347538;border:1px solid #addc99}.rank-row:nth-child(4n+1) .rank-number{background:var(--sunflower-soft);color:#815304}.rank-row:nth-child(4n+2) .rank-number{background:var(--aqua-soft);color:#176d69}.rank-row:nth-child(4n+3) .rank-number{background:var(--berry-soft);color:#98305c}.rank-row:nth-child(4n+4) .rank-number{background:var(--violet-soft);color:#5443a0}.settings-empty svg{color:var(--violet)}.modal-icon{background:linear-gradient(145deg,var(--sunflower-soft),var(--berry-soft));color:#9e3b62}.editor-modal .modal-heading{background:linear-gradient(100deg,#fff,var(--ocean-soft))}.editor-actions{background:linear-gradient(90deg,#fff,var(--sunflower-soft))!important}@media(max-width:600px){.category-button:nth-child(n){box-shadow:0 5px color-mix(in srgb,currentColor 65%,#17324d)}.settings-sidebar{background:linear-gradient(110deg,#18334f,#3e3375)}.settings-sidebar nav::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--aqua),var(--berry),var(--sunflower))}.settings-sidebar nav{scrollbar-color:var(--berry) rgba(255,255,255,.13)}}.card-slot,.expanded-card-slot{min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.expanded-card-slot{flex:1 1 auto;width:100%}.card-slot>.communication-card,.expanded-card-slot>.communication-card{width:min(100cqw,80cqh);height:auto;max-width:none;aspect-ratio:4/5;flex:none;margin:0;container-type:inline-size}.communication-card .card-word{min-height:24%}.expanded-card .card-image-frame{min-height:0}.style-preview,.draft-card{aspect-ratio:4/5;height:auto;container-type:inline-size}@media(max-height:600px)and (orientation:landscape){.expanded-card-slot>.expanded-card{flex-direction:column}.expanded-card .card-image-frame{flex-basis:var(--card-image-ratio,76%)}}.category-button:active{transform:translateY(5px) scale(.975) rotate(-.4deg);filter:saturate(1.12)}.category-button:nth-child(2n):active{transform:translateY(5px) scale(.975) rotate(.4deg)}.cards-screen .app-header{animation:soft-slide-in .24s ease-out both}.cards-screen .card-slot{animation:kid-card-in .34s cubic-bezier(.2,.85,.3,1.16) both}.cards-screen .card-slot:nth-child(2){animation-delay:45ms}.cards-screen .card-slot:nth-child(3){animation-delay:.09s}.cards-screen .card-slot:nth-child(4){animation-delay:.135s}.card-slot>.communication-card:active{transform:scale(.965) rotate(-.35deg);filter:saturate(1.1) brightness(1.02)}.card-slot:nth-child(2n)>.communication-card:active{transform:scale(.965) rotate(.35deg)}.expanded-card-slot{animation:happy-expand .3s cubic-bezier(.2,.88,.3,1.12) both}@keyframes soft-slide-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes kid-card-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes happy-expand{0%{opacity:0;transform:scale(.91) translateY(10px)}70%{transform:scale(1.012)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cards-screen .app-header,.cards-screen .card-slot,.expanded-card-slot{animation:none!important}}.quick-add{flex-wrap:wrap}.quick-add-message{flex-basis:100%;margin:0;color:#a53564;font-weight:700}