.miniapp{--ink:#222820;--paper:#f8f5ea;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;font-family:var(--font);margin:0;color:var(--ink);background:var(--paper)}.miniapp *{box-sizing:border-box}.miniapp button,.miniapp input,.miniapp select{font-family:var(--font)}.miniapp button{cursor:pointer;border:1px solid currentColor;border-radius:8px;padding:10px 14px;font-size:11px;color:inherit;background:transparent;transition:transform .15s,box-shadow .15s}.miniapp button:hover{transform:translateY(-2px);box-shadow:0 3px 0 #22282025}.miniapp button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.miniapp input,.miniapp select{font:13px var(--font);padding:12px;border:1px solid #343c2d60;border-radius:7px;color:#252720;background:#fffef4;max-width:100%}.miniapp button:focus-visible,.miniapp input:focus-visible,.miniapp select:focus-visible{outline:3px solid #567dcc;outline-offset:3px}.miniapp-main{width:calc(100% - 80px);max-width:1360px;margin:0 auto}.app-intro{padding:49px 0 36px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.app-kicker{font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.6}.app-intro h1{font:600 clamp(44px,5.3vw,76px)/.98 var(--display);letter-spacing:-4px;margin:17px 0 0}.app-intro h1 em{font-style:normal}.app-intro>p{font-size:13px;line-height:1.8;margin-bottom:4px}.miniapp h2{font:500 29px/1.05 var(--display);letter-spacing:-1.2px}.miniapp p{line-height:1.7}.miniapp #app-status{font-size:11px;margin:22px 0;max-width:100%;padding:13px 0;min-height:40px}.miniapp .is-error{color:#ae3629;background:#fff0e3;padding:12px!important;border-radius:7px}.storage-warning{padding:18px;border:2px solid #a84b34;background:#fff0df;color:#543024;border-radius:12px;margin-top:25px;font-size:12px}.storage-warning p{margin:8px 0}.miniapp .big-action{font:500 17px var(--display);background:#d5f65a;color:#23281f;border:1px solid #242820;padding:16px 25px;border-radius:10px;box-shadow:3px 4px 0 #242820}.miniapp .big-action:hover{box-shadow:5px 6px 0 #242820}.miniapp .text-action{font-size:10px;text-decoration:underline;border:0;padding:12px 0}.focus-app{background:#3155d8;color:#fff9e7;--paper:#3155d8}.focus-app .app-intro h1 em{color:#d5f65a}.focus-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:stretch}.timer-machine{background:#172d91;border:1px solid #a3b5fb;border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:7px 9px 0 #11247850}.timer-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;border-bottom:1px solid #7e94e67a;padding-bottom:17px}.timer-top i{font-size:24px;font-style:normal;margin-left:9px;color:#c5b4fb}.timer-top>span:last-child{font-size:8px;color:#c6d0ff}.session-tabs{display:flex;justify-content:center;gap:5px;margin:20px 0}.session-tabs button{font-size:10px;border-color:#bdcafa70;border-radius:24px;padding:10px 15px}.session-tabs button[aria-pressed=true]{background:#d5f65a;color:#172d91;border-color:#d5f65a}.timer-disc{--progress:0deg;width:min(360px,95%);aspect-ratio:1;margin:28px auto 30px;border-radius:50%;padding:12px;display:grid;place-items:center;background:conic-gradient(#d5f65a var(--progress),#526cce 0);position:relative;box-shadow:0 0 0 9px #172d91,0 0 0 10px #6e87e0}.timer-disc>div:last-child{width:100%;height:100%;border-radius:50%;background:#203baf;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.timer-disc output{font:500 clamp(52px,6vw,92px)/1 var(--display);letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:15px 0;display:block;color:#fff9e7}.timer-disc p{font-size:9px;max-width:240px;margin:0}.timer-disc #current-task{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.orbit-star{position:absolute;top:-15px;left:30px;font-size:48px;color:#d5f65a;transform:rotate(-15deg);line-height:1}.timer-controls{display:flex;justify-content:center;align-items:center;gap:20px}.timer-controls .quiet-action{border:0;font-size:10px;padding:14px 0;color:#d6dffd}.duration-form{display:flex;justify-content:center;gap:10px;align-items:center;margin:24px 0 0;font-size:10px}.duration-form input{width:65px;padding:7px;font-size:11px;background:#2848c2;color:#fff8e7;border-color:#98acf2;text-align:center;margin-inline:4px}.duration-form button{font-size:10px;padding:8px 12px;border-color:#98acf2}.timer-honesty{font-size:9px;text-align:center;color:#c3cffb;margin:18px 0 2px}.focus-desk{background:#fff5dc;color:#2b3027;padding:34px 27px;border:1px solid #222820;border-radius:5px;position:relative;transform:rotate(1deg);box-shadow:7px 8px 0 #12288140;margin:12px 4px 6px}.tape{position:absolute;width:100px;height:24px;top:-11px;left:38%;background:#deabeca0;transform:rotate(-5deg);backdrop-filter:blur(1px)}.desk-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.desk-heading h2{margin:13px 0 25px;font-size:34px}.desk-heading>span{font-size:40px;color:#d28156;transform:rotate(15deg)}#task-form{display:flex;border-bottom:2px solid #333b2e;padding-bottom:12px;gap:10px;margin-bottom:10px}#task-form input{flex:1;min-width:0;background:transparent;border:0;border-radius:0;padding:10px 0;font-size:13px}#task-form button{background:#f6b797;font-size:23px;padding:2px 12px}.focus-task{display:flex;align-items:center;gap:8px;border-bottom:1px dashed #c7c2ac;padding:12px 0}.focus-task button{border:0;box-shadow:none}.task-check{font-size:23px!important;padding:3px 5px!important;color:#5f6d4f!important}.task-pick{flex:1;text-align:left;font-size:14px!important;line-height:1.5;padding:7px!important;word-break:break-word}.task-pick[aria-pressed=true]{background:#d5f65a}.focus-task.done .task-pick{text-decoration:line-through;color:#737d65}.empty-tip{font-size:12px;color:#72745e;margin-top:29px}.focus-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #acae9520;margin-top:32px;padding-top:21px;gap:20px}.focus-stats strong{display:block;font:500 47px var(--display);letter-spacing:-2px}.focus-stats span{font-size:9px;color:#5a684d}.handwritten-note{font:italic 20px Georgia,serif;color:#8b7c59;transform:rotate(-3deg);margin-top:26px}.session-history{margin-top:45px}.session-history h2{margin-top:13px}#focus-history{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.session-ticket{background:#d9c8fc;color:#293059;border-radius:8px 8px 3px 3px;padding:18px;border-bottom:3px dashed #3155d8;transform:rotate(-1deg)}.session-ticket:nth-child(even){background:#d5f65a;transform:rotate(1deg)}.session-ticket>span{font-size:8px;letter-spacing:1px}.session-ticket strong{display:block;font:500 29px var(--display);margin-top:8px}.session-ticket p{font-size:11px;margin:9px 0}.session-ticket small{font-size:8px}.session-celebrate .orbit-star{animation:star-party 1.2s ease-out}.session-celebrate .timer-disc{box-shadow:0 0 0 10px #e8ec8b60,0 0 80px #e8ec8b50}@keyframes star-party{50%{transform:rotate(150deg) scale(1.5)}100%{transform:rotate(345deg)}}
.decide-app{background:#f3ae8c}.decide-app .app-intro h1 em{color:#75497e}.decision-shelf{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:0 0 25px}.decision-shelf label{display:grid;gap:6px;font-size:9px;margin-right:auto;max-width:100%}.decision-shelf select{min-width:250px;background:#fff0df;border-color:#775d50}.decision-shelf button{font-size:10px;padding:12px;background:#fff0df50}.decision-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr);gap:24px;align-items:start}.decision-paper{background:#fff9eb;border:1px solid #343a2d;border-radius:10px;padding:30px;position:relative;box-shadow:6px 7px 0 #965f4828}.paper-corner{position:absolute;right:22px;top:22px;font-size:35px;color:#b29bca}.decision-title{display:block;width:calc(100% - 35px);border:0!important;border-bottom:1px dashed #afa991!important;border-radius:0!important;background:transparent!important;font:500 29px var(--display)!important;letter-spacing:-1px;padding:13px 0!important;margin-bottom:25px}.decision-step{display:flex;gap:12px;align-items:start;margin:25px 0 17px}.decision-step>span{width:30px;height:30px;display:grid;place-items:center;background:#d5f65a;border-radius:50%;font-size:10px;flex-shrink:0}.decision-step>div{flex:1}.decision-step h2{font-size:21px;letter-spacing:-.8px;margin:3px 0 7px}.decision-step p{font-size:10px;color:#6f725c;margin:0}.decision-step button{font-size:9px;padding:7px 8px;max-width:120px;background:#dcccfc}.criterion-row{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#eee9d9;border-radius:6px;margin:7px 0}.criterion-number{font-size:9px;color:#717b62}.criterion-row>input{flex:1;min-width:0;background:transparent;border:0;padding:6px 3px;font-size:12px}.criterion-row label{display:flex;align-items:center;font-size:8px;gap:7px;color:#687057}.criterion-row label input{width:52px;font-size:11px;padding:7px}.criterion-row button{padding:4px;border:0;font-size:18px;color:#687057}.score-table-scroll{overflow:auto;max-width:100%;margin:15px 0 0;border:1px solid #c3c3aa;border-radius:7px}#score-table{border-collapse:collapse;width:100%;min-width:420px;text-align:left}#score-table th{font-size:9px;color:#616b54;background:#eef0de;padding:12px;max-width:150px;min-width:95px;vertical-align:middle}#score-table th:first-child{min-width:155px;width:155px}#score-table td{padding:8px;border-bottom:1px solid #e7e4d4;text-align:center}#score-table th[scope=row]{border-bottom:1px solid #d7dbc6;position:relative;padding-right:25px}#score-table th input{font-weight:600;width:100%;padding:5px;background:transparent;border:0;font-size:11px;min-width:100px}#score-table th button{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:14px;padding:3px;border:0}#score-table td select{padding:9px 5px;font-size:10px;min-width:76px;background:#fffdf5}.decision-math{font-size:9px;color:#6f745e;margin:17px 0 0}.decision-results{position:sticky;top:20px;background:#263c31;color:#faf8e8;padding:29px;border:1px solid #263c31;border-radius:12px;box-shadow:6px 7px 0 #965f4828;overflow:hidden}.result-sticker{display:inline-block;font-size:8px;line-height:1.5;letter-spacing:1px;transform:rotate(8deg);background:#d5f65a;color:#263c31;border-radius:50%;padding:17px 10px;float:right;margin:-5px -5px 10px 12px;text-align:center}.decision-results>.app-kicker{display:block;max-width:150px;color:#c4d2b4}.decision-results h2{font-size:35px;clear:both;line-height:1.05;margin-top:25px;word-break:break-word}.decision-results>p{font-size:11px;color:#d0dcc4}.ranking-lane{margin:22px 0}.ranking-lane>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:11px;margin-bottom:8px}.ranking-lane strong{font-size:10px;white-space:nowrap;color:var(--lane-color)}.ranking-track{background:#ffffff18;height:12px;border-radius:10px;overflow:hidden}.ranking-track span{display:block;height:100%;min-width:3px;background:var(--lane-color);border-radius:10px;transition:width .45s ease}.decision-results>button{background:#d5f65a;color:#223c30;margin:10px 0;width:100%;font-size:11px;border:0}.decision-results .result-footnote{font-size:9px;border-top:1px dashed #a0b39155;padding-top:17px;margin-top:15px}
.colors-app{background:#f7f3e9}.colors-app .app-intro h1 em{color:#3858bb}.palette-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}.palette-toolbar label{display:flex;gap:10px;align-items:center;font-size:10px}.palette-toolbar select{background:#e4e8cf}.palette-toolbar .big-action{padding:11px 18px;font-size:13px;box-shadow:2px 3px 0 #242820}.palette-toolbar>span{font-size:9px;color:#68705c}.palette-toolbar kbd{padding:4px 8px;border:1px solid #c0c5ae;border-radius:4px;background:#fffef6}.palette-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #252720;border-radius:15px;overflow:hidden;min-height:350px;box-shadow:6px 7px 0 #263c3118}.color-strip{position:relative;padding:20px 17px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;transition:background .28s}.color-strip+.color-strip{border-left:1px solid #25272040}.color-strip-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;letter-spacing:1px}.color-strip-top button{font-size:8px;border-color:currentColor;background:transparent;border-radius:20px;padding:7px 8px;white-space:nowrap}.color-glyph{font:500 75px/1 var(--display);text-align:center;opacity:.75;transition:transform .3s;pointer-events:none}.color-strip:hover .color-glyph{transform:rotate(20deg) scale(1.2)}.color-strip-fields{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;align-items:center}.color-strip-fields input[type=color]{border:1px solid currentColor;background:transparent;width:33px;height:33px;padding:3px;border-radius:50%;overflow:hidden;cursor:pointer}.color-strip-fields input:not([type=color]){font:500 clamp(12px,1.45vw,21px) var(--display);letter-spacing:-.5px;background:transparent;border:0;color:inherit;padding:0;min-width:0;width:calc(100% - 44px);border-radius:0}.color-strip-fields button{font-size:8px;padding:5px 0;border:0;text-decoration:underline;letter-spacing:1px;background:transparent;box-shadow:none}.palette-savebar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:21px 0 32px}.palette-savebar>input{flex:1;min-width:180px;background:transparent;border:0;border-bottom:1px solid #9aa88c;border-radius:0;font:500 23px var(--display);letter-spacing:-.6px;padding-left:0}.palette-savebar button{font-size:10px;background:#e3e6d3}.palette-savebar #palette-save{background:#d5f65a}.color-bench{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:stretch}.contrast-lab{border:1px solid #b2b9a0;border-radius:14px;padding:26px;background:#ecefdc}.contrast-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.contrast-heading h2{font-size:34px;margin:17px 0}.contrast-heading strong{font:500 31px var(--display);letter-spacing:-1px}.contrast-selects{display:flex;gap:9px;align-items:end;margin-bottom:17px}.contrast-selects label{display:grid;gap:5px;flex:1;min-width:0;font-size:9px}.contrast-selects select{width:100%;font-size:10px;padding:10px 8px}.contrast-selects button{padding:9px;font-size:19px;border:0}.contrast-lab #contrast-preview{border:1px solid #36432d50;border-radius:9px;padding:25px;transition:background .2s,color .2s}.contrast-lab #contrast-preview>span{font-size:8px;letter-spacing:1.5px}.contrast-lab #contrast-preview h3{font:600 45px/.98 var(--display);letter-spacing:-2px;margin:22px 0 15px}.contrast-lab #contrast-preview p{font-size:12px;max-width:300px}.contrast-lab #contrast-preview button{color:inherit;background:transparent;border-color:currentColor;margin-top:9px;font-size:10px}.contrast-verdict{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px;font-size:9px}.contrast-verdict span{padding:7px;border:1px solid;border-radius:5px}.contrast-pass{background:#d4e5bd;color:#254e28}.contrast-fail{background:#f7d6c6;color:#7f3c28}.contrast-lab .contrast-note{font-size:9px;color:#5e6b50;margin-bottom:0}.palette-shelf{padding:27px 30px;border:1px solid #b9a2c4;border-radius:14px;background:#dfd1f1;position:relative;overflow:hidden}.palette-shelf h2{font-size:40px;margin-top:16px}.shelf-star{float:right;font:80px/1 var(--display);color:#76579d;transform:rotate(-15deg)}.palette-shelf>p{font-size:10px;color:#61536f}.saved-palette{width:100%;display:flex;gap:13px;align-items:center;text-align:left;background:#fff9eb!important;margin:10px 0;border-color:#9e8aab!important;padding:12px!important}.saved-swatches{display:flex;border:1px solid #333b2e;border-radius:5px;overflow:hidden;flex-shrink:0}.saved-swatches i{height:30px;width:20px;display:block}.saved-palette strong{font-size:12px;font-weight:500;flex:1;word-break:break-word}.saved-palette>span:last-child{font-size:20px}.shelf-bottom{margin-top:20px;font-size:10px}.shelf-bottom button{font-size:10px;padding:0;border:0;text-decoration:underline}.palette-empty{padding:25px 0;font-size:13px;max-width:260px;line-height:1.8}
@media(min-width:1500px){.miniapp-main{max-width:1360px}.focus-layout{grid-template-columns:1.15fr 1fr}.timer-disc{width:380px}}
@media(max-width:1050px){.miniapp-main{width:calc(100% - 48px)}.app-intro h1{font-size:58px;letter-spacing:-3px}.app-intro>p{font-size:11px}.focus-layout{grid-template-columns:1fr 1fr;gap:20px}.timer-machine{padding:20px 16px}.focus-desk{padding:28px 20px}.timer-disc{width:290px}.timer-disc output{font-size:70px}.timer-controls{gap:12px}.timer-controls .big-action{font-size:14px;padding:14px 18px}.decision-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.decision-paper{padding:23px}.decision-results{padding:23px}.decision-results h2{font-size:29px}.criterion-row label{font-size:0}.criterion-row label input{font-size:11px}.color-strip{padding:17px 11px}.color-strip-top{flex-direction:column;align-items:start;gap:10px}.color-bench{gap:20px}.contrast-lab,.palette-shelf{padding:22px}.contrast-heading strong{font-size:26px}.saved-swatches i{width:15px}.palette-shelf h2{font-size:34px}}
@media(max-width:760px){.miniapp-main{width:calc(100% - 32px)}.app-intro{padding:32px 0 25px;align-items:start;flex-direction:column;gap:18px}.app-intro h1{font-size:49px;letter-spacing:-2.7px}.app-intro>p{font-size:12px}.app-kicker{font-size:8px;letter-spacing:1.2px}.focus-layout{grid-template-columns:1fr}.timer-machine{padding:20px}.timer-disc{width:min(325px,88vw);margin-block:25px}.timer-disc output{font-size:76px}.focus-desk{transform:none;margin-top:10px;min-height:360px}.focus-stats{margin-top:20px}.session-history{margin-top:32px}#focus-history{grid-template-columns:repeat(2,1fr)}.decision-shelf{gap:7px}.decision-shelf label{width:100%;margin-bottom:5px}.decision-shelf select{min-width:0;width:100%}.decision-shelf button{font-size:9px;padding:9px}.decision-workspace{grid-template-columns:1fr}.decision-paper{padding:23px 18px}.decision-title{font-size:25px!important}.decision-step{gap:8px}.decision-step h2{font-size:19px}.decision-step button{font-size:8px;padding:7px;max-width:89px}.criterion-row{padding:8px;gap:5px}.criterion-row>input{font-size:11px}.criterion-row label input{width:45px;padding:7px 4px}.decision-results{position:static;min-height:330px}.decision-results h2{font-size:32px}.palette-toolbar{gap:10px}.palette-toolbar>span{width:100%}.palette-toolbar label{font-size:9px}.palette-toolbar select{font-size:10px;padding:10px}.palette-toolbar .big-action{font-size:11px;padding:11px}.palette-toolbar>button:not(.big-action){font-size:9px;padding:9px}.palette-colors{grid-template-columns:1fr;min-height:0;box-shadow:4px 5px 0 #263c3118}.color-strip{min-height:110px;display:grid;grid-template-columns:70px 1fr 160px;align-items:center;gap:10px;padding:18px}.color-strip+.color-strip{border-left:0;border-top:1px solid #25272030}.color-strip-top{gap:8px}.color-glyph{font-size:45px}.color-strip-fields{justify-content:end;gap:7px}.color-strip-fields input:not([type=color]){font-size:18px;width:105px}.color-strip-fields button{margin-left:auto}.palette-savebar{gap:8px}.palette-savebar>input{width:100%;flex:auto;font-size:24px;margin:6px 0}.palette-savebar button{font-size:9px;padding:10px}.color-bench{grid-template-columns:1fr;gap:20px}.contrast-lab,.palette-shelf{padding:23px}.saved-swatches i{width:20px}.miniapp #app-status{font-size:10px}.session-ticket{padding:15px}.session-ticket small{font-size:8px}}
@media(max-width:380px){.app-intro h1{font-size:43px}.timer-disc{width:265px}.timer-disc output{font-size:68px}.color-strip{grid-template-columns:60px 1fr 135px;padding:15px}.color-strip-fields input:not([type=color]){font-size:16px;width:90px}.color-strip-fields input[type=color]{width:27px;height:27px}.session-tabs button{font-size:9px;padding:10px}.duration-form{font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.miniapp *{animation:none!important;transition:none!important}.miniapp button:hover,.color-strip:hover .color-glyph{transform:none}.ranking-track span{transition:none}}

.miniapp .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.decision-paper,.decision-results,.score-table-scroll{min-width:0;max-width:100%}.criterion-row>input{min-width:0}.app-intro>div{min-width:0;max-width:100%}.app-intro h1{display:block;white-space:normal;overflow-wrap:break-word}.archive-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:11px;color:#52604e}.focus-app .archive-foot{color:#e0e7ff}.archive-foot button{background:transparent;border-bottom:1px solid currentColor;padding:6px;font:inherit}