@font-face{font-family:Soup;src:url(/fonts/font.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.woff2) format("woff2");font-weight:100 1000;font-display:swap}:root{--ink:#193da0;--ivory:#fffaf0;--orange:#ff7b35;--sky:#bbe4fa;--pink:#ffcbdc;--green:#d7edb1;--yellow:#ffeda5}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:15px/1.5 DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select{touch-action:manipulation}button{cursor:pointer;border:2px solid var(--ink);background:var(--ivory);padding:9px 13px;min-height:44px;font-weight:700}button:hover{background:var(--yellow)}button:disabled{cursor:wait;opacity:.55}a{color:var(--ink)}:focus-visible{outline:3px solid #e65e18;outline-offset:4px}input,select,textarea{border:2px solid var(--ink);border-radius:0;background:#fffdf7;padding:9px 10px;min-height:44px;max-width:100%}textarea{resize:vertical}.systembar{padding:9px 26px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;font-weight:800;font-size:12px;background:var(--sky)}main{max-width:1600px;margin:auto;padding:25px 32px}.edition{font-size:12px;font-weight:900;letter-spacing:1.3px;border-bottom:3px solid var(--ink);padding-bottom:10px}.edition,.hero{display:flex;justify-content:space-between}.hero{align-items:center;padding:25px 8px 20px;gap:30px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.5px;margin:0 0 14px}h1{font:400 clamp(60px,7.6vw,108px) /.93 Soup,sans-serif;letter-spacing:-2px;margin:0}h1 span{color:#e45f1e}.intro{font-size:18px;line-height:1.4;margin:20px 0 0}.mascot{width:320px;flex-shrink:0;margin-right:20px}.mascot img{display:block;width:100%;height:auto}.mission{display:flex;align-items:center;gap:17px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--sky);padding:8px 18px;max-width:1000px;margin:6px 0 25px}.mission p{margin:4px 0}.star{font-size:38px;line-height:1}.focus-strip{background:var(--yellow);border:2px solid var(--ink);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.label{font-size:10px;font-weight:900;letter-spacing:1.4px}.focus-strip p{margin:3px 0;font-size:16px;font-weight:600}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:6px 10px;font-size:12px}.sync{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0;margin-bottom:15px;min-height:48px}.sync button{margin-left:auto}.dot{width:9px;height:9px;border-radius:100%;background:#568735}.warning .dot{background:#d75020}.toolbar{justify-content:space-between;gap:15px;margin-bottom:25px}.tabs,.toolbar,.tools{display:flex;flex-wrap:wrap}.tabs,.tools{align-items:center;gap:7px}.tabs button{border:2px solid var(--ink);padding:7px 13px}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.tabs span{font-size:10px;margin-left:5px}.tools input{width:180px}.add{background:var(--orange);box-shadow:3px 3px 0 var(--ink)}.add:hover{background:#ffa464}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.column-title{border-top:4px solid var(--ink);padding:10px 4px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.column-title h2{font:400 33px Soup;margin:0}.column-title>span{font-size:13px;border:2px solid var(--ink);padding:1px 9px;background:var(--ivory)}.status-now{background:var(--orange)}.status-next{background:var(--sky)}.status-later{background:var(--pink)}.status-done{background:var(--green)}.card{border:2px solid var(--ink);background:#fffdf6;box-shadow:5px 5px 0 var(--paper);margin-bottom:24px;position:relative}.card:before{content:"";display:block;width:44px;height:8px;background:var(--paper);border-bottom:2px solid var(--ink);position:absolute;top:0;left:16px}.color-orange{--paper:#ffa16a}.color-blue{--paper:var(--sky)}.color-pink{--paper:var(--pink)}.color-green{--paper:var(--green)}.color-yellow{--paper:var(--yellow)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.paper-number{font-size:9px;font-weight:900;letter-spacing:1px}.edit{border:0;min-height:40px;padding:5px;font-size:11px;background:none}.card h3{font:400 27px/1.04 Soup;margin:5px 0 14px;overflow-wrap:anywhere}.note{font-size:12px;line-height:1.55;margin:0 0 15px}.next-action{background:var(--paper);padding:10px;border:1px solid var(--ink);margin:14px 0}.next-action p{font-size:12px;font-weight:700;margin:5px 0 0}.progress-line{display:flex;justify-content:space-between;font-size:10px;margin-top:18px}progress{width:100%;height:9px;appearance:none;border:1px solid var(--ink);display:block;margin:5px 0 12px}progress::-webkit-progress-bar{background:#fffaf0}progress::-webkit-progress-value{background:var(--ink)}progress::-moz-progress-bar{background:var(--ink)}.checklist{list-style:none;padding:0;margin:0}.checklist li{border-bottom:1px dashed #193da035}.checklist label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:11px;padding:9px 0}.checklist input[type=checkbox]{width:17px;height:17px;min-height:0;flex:0 0 17px;margin:1px 0;accent-color:var(--ink)}.checked span{text-decoration:line-through;opacity:.65}.source-link{display:block;font-size:11px;font-weight:800;margin-top:15px;text-underline-offset:3px}.date{font-size:10px;font-weight:700;border-top:1px solid var(--ink);margin:16px 0 0;padding:12px 0 0}.status-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;font-size:10px;font-weight:800}.status-picker select{font-size:11px;min-height:36px;padding:5px 12px;background:var(--paper)}footer{display:flex;justify-content:space-between;gap:15px;border-top:2px solid var(--ink);margin-top:25px;padding:18px 0;font-size:11px}.empty,.locked{border:2px solid var(--ink);padding:35px;background:var(--pink);max-width:730px;margin:30px auto;box-shadow:7px 7px var(--ink)}.empty h2,.locked h2{font:36px Soup;line-height:1.05}.locked p{max-width:540px}dialog{width:min(650px,calc(100% - 28px));max-height:90svh;background:var(--ivory);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px var(--orange);padding:24px}dialog::backdrop{background:#14378285;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading button{font-size:23px}dialog h2{font:40px Soup;margin:0 0 20px}.link-edit label,dialog .field-pair>label,dialog form>label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;margin-bottom:14px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:2px solid var(--ink);padding:14px;margin:15px 0}legend{font-weight:800;font-size:13px}.task-edit{display:flex;align-items:center;gap:8px;margin-bottom:10px}.task-edit input[type=checkbox]{width:20px;flex:0 0 20px;min-height:20px;accent-color:var(--ink)}.task-edit input:not([type=checkbox]){width:100%}.link-edit{border-bottom:1px dashed var(--ink);padding-bottom:10px;margin-bottom:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:-24px;background:var(--ivory);padding:16px 0 24px}.editor-notice{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-strip form{display:flex;gap:8px;flex-wrap:wrap}.focus-strip form input{width:500px;max-width:100%}@media (min-width:1200px){.board:has(.column:only-child){grid-template-columns:1fr}.board:has(.column:only-child) .column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.board:has(.column:only-child) .column-title{grid-column:1/-1}}@media (max-width:1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot{margin-right:10px;width:260px}.card .note,.checklist label,.next-action p{font-size:13px}.card h3{font-size:30px}}@media (max-width:650px){main{padding:18px 17px}.systembar{padding:9px 15px;font-size:10px}.systembar span:last-child{display:none}.edition{font-size:9px;letter-spacing:.5px}.hero{gap:10px;padding:25px 0 20px;align-items:flex-start}h1{font-size:60px;letter-spacing:-1px}.eyebrow{font-size:8px;max-width:180px;letter-spacing:.8px}.intro{font-size:14px;max-width:220px;margin-top:18px}.mascot{width:125px;margin:30px 0 0}.mission{padding:9px 12px;gap:10px;font-size:12px;margin-top:8px}.star{font-size:26px}.focus-strip{align-items:flex-start;padding:13px;gap:5px}.focus-strip p{font-size:13px}.focus-strip .text-button{font-size:10px;padding:5px;white-space:normal;min-width:60px}.sync{font-size:10px;gap:6px}.toolbar{gap:13px}.tabs{width:100%;gap:5px}.tabs button{font-size:12px;padding:7px 9px;flex:1 1}.tabs span{display:block;margin:0;font-size:9px}.tools{justify-content:space-between}.tools,.tools input{width:100%}.tools label{flex:1 1;min-width:0}.tools button{font-size:12px;padding:9px}.board{grid-template-columns:1fr;gap:12px}.column-title h2{font-size:32px}.card{padding:18px;margin-bottom:23px}.card h3{font-size:34px}.card .note,.checklist label,.next-action p{font-size:14px}.label,.paper-number{font-size:10px}.date,.edit,.source-link,.status-picker{font-size:12px}.status-picker select{min-height:44px;font-size:13px}.progress-line{font-size:12px}footer{font-size:10px;flex-direction:column;gap:6px}.field-pair{grid-template-columns:1fr;gap:0}dialog{padding:18px}.dialog-actions{bottom:-18px}.task-edit{gap:5px}.task-edit input{font-size:13px}.task-edit button{padding:8px}.locked{padding:22px}.locked h2{font-size:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}body{background:#f7eee9}button,input,select,textarea{border:1px solid #193da025;border-radius:12px}button{background:#fffaf5}.systembar{background:#f6d2df;border:0;padding:12px 26px}main{max-width:1380px;padding:24px 32px}.desk-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.desk-heading h1{font:400 clamp(30px,4vw,48px)/1.15 Soup;letter-spacing:0;margin:8px 0}.desk-heading p{margin:0}.desk-computer{width:140px;height:auto}.focus-strip{background:#fff1c5;border:0;border-radius:18px;padding:16px 20px}.focus-strip p{font-size:14px}.sync{margin-bottom:12px}.toolbar{gap:12px;margin-bottom:20px;align-items:center}.tabs{background:#ffffff85;border-radius:15px;padding:4px;gap:3px}.tabs button{border:0;background:transparent;padding:7px 12px}.tabs button[aria-pressed=true]{background:#e1e8fc;color:var(--ink)}.view-switch{display:flex;gap:3px;background:#ffffff85;padding:4px;border-radius:15px}.view-switch button{border:0;background:transparent;font-size:13px}.view-switch button[aria-pressed=true]{background:var(--pink)}.add{background:#f8c4d5;box-shadow:none;border:0}.board{gap:16px}.column-title{border:0;background:transparent;padding:6px 10px 12px}.column-title h2{font:700 18px DM Sans,Arial,sans-serif}.column-title>span{background:#ffffff90}.card,.column-title>span{border:0;border-radius:20px}.card{box-shadow:0 5px 20px #744c6510;padding:16px;margin-bottom:14px;background:#fffdf9}.card:before{display:none}.paper-number{color:#6676a0;letter-spacing:.5px}.card h3{font:700 18px/1.3 DM Sans,Arial,sans-serif;margin:4px 0 12px}.next-action{border:0;border-radius:12px;background:color-mix(in srgb,var(--paper) 42%,#fffdf9);padding:12px;margin:10px 0}.next-action p{font-size:13px;font-weight:500}.label{letter-spacing:.7px}.project-details summary{cursor:pointer;font-size:13px;font-weight:600;padding:10px 0}.project-details .note{margin:8px 0;font-size:13px}progress{border:0;border-radius:10px;overflow:hidden;height:6px}.checklist li{border:0}.checklist label{font-size:13px;padding:8px 0}.date{border:0}.status-picker{margin-top:10px;font-size:12px;font-weight:500}.status-picker select{border:0;border-radius:20px;font-size:12px}footer{border:0;color:#6b7190}dialog{border:0;border-radius:24px;box-shadow:0 24px 90px #13234e40}fieldset{border:1px solid #193da020;border-radius:14px}.empty{border:0;border-radius:20px;box-shadow:none}.view-list{display:block}.view-list .column{display:block!important;margin-bottom:24px}.view-list .card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) 140px;column-gap:24px;align-items:center}.view-list .card-top{grid-column:1}.view-list .card h3{grid-column:1;grid-row:2}.view-list .next-action{grid-column:2;grid-row:1/3;margin:0}.view-list .status-picker{grid-column:3;grid-row:1/3}.view-list .project-details{grid-column:1/-1}.pin-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.pin-art{width:min(340px,80vw);position:relative}.pin-art img{width:100%;height:auto;display:block}.pin-star{position:absolute;font-size:48px;color:#e991b0}.star-one{left:-16px;top:24px}.star-two{right:-8px;bottom:24px}.pin-form{margin-top:24px}.pin-boxes{display:flex;gap:12px}.pin-boxes input{width:58px;height:68px;text-align:center;font-size:28px;background:#fffaf5;border:0;border-radius:16px;box-shadow:0 4px 14px #744c6512}.pin-boxes input[aria-invalid=true]{outline:2px solid #b64c63}#pin-feedback{min-height:24px;font-size:13px;text-align:center;color:#a13d57}@media (max-width:650px){main{padding:20px 16px}.desk-heading{gap:8px}.desk-computer{width:90px}.desk-heading h1{font-size:30px}.desk-heading p{font-size:13px}.focus-strip{padding:14px}.tabs{flex-wrap:nowrap}.tabs span{display:inline}.tabs button{padding:7px 8px}.tools{gap:8px}.card h3{font-size:18px}.card{padding:16px}.view-list .card{display:block}.view-list .next-action{margin:10px 0}.pin-art{width:260px}.pin-page{padding:24px}.view-list .card{padding:14px 16px;border-radius:14px;margin-bottom:8px}.view-list .card-top{float:right}.view-list .paper-number{display:none}.view-list .card h3{font-size:16px;margin-right:55px;padding-top:10px}.view-list .next-action{background:transparent;padding:0}.view-list .next-action .label{display:none}.view-list .next-action p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.view-list .status-picker{margin-top:4px}}.card-now,.status-now{--paper:#ff9a47;--status-tint:#fff0dd;--status-ink:#67300c}.card-next,.status-next{--paper:#79b4ff;--status-tint:#eaf3ff;--status-ink:#163f82}.card-later,.status-later{--paper:#b493ff;--status-tint:#f0eaff;--status-ink:#462977}.card-done,.status-done{--paper:#ffcf38;--status-tint:#fff5bf;--status-ink:#674508}.column-title{background:var(--paper);color:var(--status-ink);border-radius:14px;padding:12px;margin-bottom:12px}.column-title>span{background:#ffffffb5;color:var(--status-ink)}.card{background:var(--status-tint);box-shadow:0 5px 18px #744c6512}.card .next-action{background:color-mix(in srgb,var(--paper) 62%,white)}.card .status-picker select{background:var(--paper);color:var(--status-ink);font-weight:700}.tabs button:nth-child(2)[aria-pressed=true]{background:#ff9a47;color:#67300c}.tabs button:nth-child(3)[aria-pressed=true]{background:#79b4ff;color:#163f82}.tabs button:nth-child(4)[aria-pressed=true]{background:#b493ff;color:#462977}.tabs button:nth-child(5)[aria-pressed=true]{background:#ffcf38;color:#674508}.add,.view-switch button[aria-pressed=true]{background:#ff8ab5}.card-done{background:linear-gradient(135deg,#fff2ab,#fff9dc 60%,#ffe791);box-shadow:0 5px 22px #dfa90025}.card-done .paper-number{color:#79520b;letter-spacing:.4px}.card-done h3{color:#65470d}.done-reward{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffd64a;color:#674508;margin:10px 0}.done-reward p{font-size:13px;font-weight:700;margin:0}.done-reward>span{font-size:21px}.card-done progress::-webkit-progress-value{background:#af7800}.card-done progress::-moz-progress-bar{background:#af7800}.view-list .done-reward{grid-column:2;grid-row:1/3;margin:0}.completion-celebration{pointer-events:none;position:fixed;inset:0;z-index:50}.completion-toast{pointer-events:auto;position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));background:#ffdc52;color:#573d0d;border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 50px #6b4b2530;animation:reward-arrive .3s ease-out}.completion-toast>span{font-size:34px}.completion-toast strong{font:400 28px Soup,sans-serif}.completion-toast p{margin:3px 0 0;font-size:14px;overflow-wrap:anywhere}.completion-toast button{border:0;background:#ffffff80;margin-left:auto;flex-shrink:0;font-size:22px}.celebration-sparkles span{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:reward-fall 2s ease-in forwards}@keyframes reward-fall{to{transform:translateY(100svh) rotate(520deg);opacity:0}}@keyframes reward-arrive{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media (max-width:650px){.view-list .next-action{background:transparent}.view-list .done-reward{margin:10px 0}}@media (prefers-reduced-motion:reduce){.celebration-sparkles{display:none}.completion-toast{animation:none}}.shelf-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.shelf-tabs button{background:transparent;border:0;color:#637297;padding:7px 12px}.shelf-tabs button[aria-pressed=true]{color:var(--ink);background:#ffffffb0}.shelf-tabs span{font-size:11px;margin-left:5px}.project-management{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #193da015}.project-management button{font-size:13px}.trash-button{color:#923752;background:#ffe5ed}.delete-confirm{width:100%;padding:16px;border-radius:14px;background:#ffe5ed}.delete-confirm p,.project-management>p{margin:0 0 12px;font-size:14px}.delete-confirm button{margin-right:8px}.note{white-space:pre-line}