:root{--bg:#f8efe0;--paper:#fff7ed;--ink:#0f172a;--line:#1f2937;--muted:#64748b;--soft:#f1f5f9;--blue:#dbeafe;--green:#dcfce7;--yellow:#fef3c7;--pink:#fce7f3;--danger:#b91c1c}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(90deg, #0f172a0b 1px, transparent 1px), linear-gradient(#0f172a0b 1px, transparent 1px), radial-gradient(circle at 10% 10%, #fef3c7 0 0, transparent 32%), radial-gradient(circle at 88% 5%, #dbeafe 0 0, transparent 28%), var(--bg);background-size:28px 28px,28px 28px,100% 100%,100% 100%,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 32px,1280px);margin:0 auto;padding:22px 0 40px}.hero-card,.footer-card,.empty-state,.button-help-card{background:var(--paper);border:4px solid var(--line);position:relative;overflow:hidden;box-shadow:8px 8px #0f172a2e}.hero-card{grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:26px;display:grid}.badge{border:4px solid var(--line);text-transform:uppercase;letter-spacing:.08em;background:#fff;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:1000;display:inline-flex;box-shadow:4px 4px #0f172a29}.headline-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;display:flex}h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,5vw,60px);font-weight:1000;line-height:1}.main-title{gap:4px;line-height:.95;display:grid}.main-title span{display:block}.headline-cat{object-fit:contain;width:clamp(88px,12vw,150px);image-rendering:pixelated;filter:drop-shadow(6px 7px #0f172a29);animation:2.8s steps(3,end) infinite catBounce}@keyframes catBounce{0%,to{transform:translateY(4px)}50%{transform:translateY(-3px)}}.hero-description{color:#475569;max-width:820px;margin:18px 0 0;font-size:14px;line-height:1.85}.overall-card{border:4px solid var(--line);background:#fff;padding:20px;position:relative;box-shadow:6px 6px #0f172a2e}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:1000}.overall-topline{justify-content:space-between;align-items:end;gap:18px;display:flex}.overall-topline strong{letter-spacing:-.08em;font-size:56px;font-weight:1000;line-height:1}.overall-topline img{width:58px;image-rendering:pixelated}.progress-bar{border:3px solid var(--line);background:#e2e8f0;height:14px;margin-top:16px;overflow:hidden;box-shadow:3px 3px #0f172a26}.progress-bar-fill{background:repeating-linear-gradient(90deg,#475569 0 10px,#334155 10px 20px);height:100%;transition:width .25s}.saved-line{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.55}.pixel-paw{opacity:.18;pointer-events:none;grid-template-rows:7px 9px;grid-template-columns:repeat(3,7px);gap:3px;display:grid;position:absolute;transform:rotate(-12deg)}.pixel-paw span{background:var(--line)}.pixel-paw span:nth-child(4){grid-column:2;width:10px;height:10px;transform:translate(-1px)}.paw-hero-one{top:24px;right:120px}.paw-hero-two{bottom:34px;right:260px}.paw-card{top:10px;right:10px}.paw-paper-left{top:22px;right:72px}.paw-paper-right{top:22px;right:24px}.footer-paw{top:24px;right:30px}.toolbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:22px 0 10px;display:grid}.toolbar-left{grid-template-columns:minmax(0,1fr) 230px;gap:12px;display:grid}.input-frame{display:block;position:relative}.input-frame>span{z-index:1;color:#64748b;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-frame input,.input-frame select{border:4px solid var(--line);width:100%;height:48px;color:var(--ink);background:#fff;border-radius:0;outline:none;padding:0 14px 0 42px;box-shadow:4px 4px #0f172a29}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pixel-button{border:4px solid var(--line);min-height:48px;color:var(--ink);background:#fff;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:1000;text-decoration:none;transition:all .12s;display:inline-flex;box-shadow:4px 4px #0f172a29}.pixel-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #0f172a33}.pixel-button.primary{background:var(--blue)}.pixel-button.notes-export{background:#dcfce7}.pixel-button.danger{color:var(--danger);border-color:var(--danger)}.pixel-button.mini{min-height:38px;padding:0 10px;font-size:12px}.file-button input{display:none}.button-help-card{color:#475569;background:#fff;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:12px;display:flex;box-shadow:5px 5px #0f172a1f}.button-help-card strong{color:var(--ink)}.year-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px;display:grid}.year-card{border:4px solid var(--line);background:#fff;min-height:150px;padding:16px;position:relative;overflow:hidden;box-shadow:5px 5px #0f172a2e}.year-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.year-card-top strong{letter-spacing:-.06em;font-size:28px;font-weight:1000}.year-card-top span{border:3px solid var(--line);background:#f1f5f9;padding:4px 8px;font-size:12px;font-weight:1000}.year-card p{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.25}.paper-list{gap:18px;display:grid}.paper-card{border:4px solid var(--line);background:#fbf8f0;grid-template-columns:270px 1fr;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:7px 7px #0f172a38}.paper-info{border:4px solid var(--line);background:#fff;padding:16px}.paper-title-row{align-items:flex-start;gap:12px;display:flex}.paper-tag{border:4px solid var(--line);color:#0f172a;place-items:center;min-width:58px;min-height:58px;font-size:13px;font-weight:1000;display:grid}.eco{background:#fed7aa}.pub{background:#bfdbfe}.qlm{background:#ddd6fe}.led{background:#ccfbf1}.env{background:#bbf7d0}.fin{background:#bae6fd}.reg{background:#fde68a}.rpl{background:#fecdd3}.law{background:#e9d5ff}.blt{background:#fef3c7}.urb{background:#fbcfe8}.le{background:#c7d2fe}.ltl{background:#d9f99d}.pln{background:#fcd34d}.adf{background:#a7f3d0}.eco2{background:#99f6e4}.lpd{background:#fca5a5}.paper-title-row p{color:#64748b;text-transform:uppercase;margin:0;font-size:12px;font-weight:1000}.paper-title-row h2{letter-spacing:-.04em;margin:4px 0 0;font-size:19px;font-weight:1000;line-height:1.2}.paper-progress-row{justify-content:space-between;margin-top:22px;font-size:13px;font-weight:900;display:flex}.tracker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tracker-cell{text-align:left;min-height:190px;color:var(--ink);background:#fff;border:4px solid #cbd5e1;gap:8px;padding:12px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative;box-shadow:4px 4px #0f172a1a}.tracker-cell:hover{border-color:var(--line);transform:translate(-1px,-1px)}.tracker-cell.done{border-color:var(--line);background:#f1f5f9}.tracker-cell-top,.fake-button{justify-content:space-between;align-items:center;width:100%;font-weight:1000;display:flex}.tracker-cell-top>span:first-child{letter-spacing:-.06em;font-size:21px}.check-icon,.empty-circle{border:3px solid var(--line);background:var(--line);color:#fff;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:18px;font-weight:1000;display:inline-grid}.empty-circle{color:#0000;background:#fff;border-color:#cbd5e1}.status-line{font-size:13px;font-weight:1000}.cell-meta{color:#64748b;font-size:12px;line-height:1.3;display:block}.note-badge{color:#64748b;background:#f8fafc;border:3px solid #cbd5e1;width:fit-content;padding:4px 7px;font-size:11px;font-weight:1000;display:inline-flex}.note-badge.active{color:#166534;background:var(--green);border-color:#166534}.open-notes-button,.quick-done{border:3px solid var(--line);background:var(--blue);justify-content:center;align-items:center;width:fit-content;min-height:30px;margin-top:2px;padding:0 8px;font-size:11px;font-weight:1000;display:inline-flex;box-shadow:3px 3px #0f172a1f}.quick-done{color:#475569;background:#fff}.footer-card,.empty-state{margin-top:24px;padding:22px}.footer-card h2,.empty-state h2{letter-spacing:-.04em;margin:0;font-size:20px}.footer-card p,.empty-state p,.muted{color:#64748b;max-width:900px;margin:8px 0 0;font-size:13px;line-height:1.8}.empty-state .pixel-button{margin-top:16px}.setup-backdrop,.notes-modal-backdrop{z-index:30;background:#0f172a8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.setup-panel,.notes-modal-panel{background:var(--paper);border:4px solid var(--line);width:min(980px,100%);max-height:min(88vh,900px);padding:24px;position:relative;overflow:auto;box-shadow:10px 10px #0f172a59}.setup-header{grid-template-columns:1fr 120px;align-items:center;gap:16px;display:grid}.setup-header h2{letter-spacing:-.06em;margin:0;font-size:clamp(26px,4vw,42px)}.setup-header p{color:#475569;margin:10px 0 0;font-size:14px;line-height:1.7}.setup-header img{width:118px;image-rendering:pixelated;filter:drop-shadow(5px 6px #0f172a29)}.setup-paw{top:22px;right:26px}.quick-actions{gap:8px;margin:18px 0;display:flex}.quick-actions button{border:3px solid var(--line);background:#fff;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;box-shadow:3px 3px #0f172a1f}.paper-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.picker-card{text-align:left;width:100%;min-height:86px;color:var(--ink);background:#fff;border:4px solid #cbd5e1;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px;display:grid;box-shadow:4px 4px #0f172a1a}.picker-card.active{border-color:var(--line);background:#f1f5f9}.picker-card strong{font-size:13px;font-weight:1000;display:block}.picker-card em{color:#475569;margin-top:3px;font-size:12px;font-style:normal;line-height:1.35;display:block}.picker-card i{border:3px solid var(--line);place-items:center;width:28px;height:28px;font-style:normal;font-weight:1000;display:grid}.picker-card.active i{background:var(--line);color:#fff}.setup-error{color:var(--danger);margin:16px 0 0;font-size:13px;font-weight:900}.setup-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.notes-modal-backdrop{z-index:50}.notes-modal-panel{flex-direction:column;width:min(92vw,1240px);height:min(88vh,940px);padding:0;display:flex;overflow:hidden}.notes-modal-header{border-bottom:4px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:16px;padding:20px 22px;display:grid;position:relative}.notes-modal-header h2{letter-spacing:-.055em;margin:0;font-size:clamp(23px,3vw,38px);line-height:1.1}.notes-modal-header p:last-child{color:#475569;margin:8px 0 0;font-size:13px}.notes-modal-header img{width:78px;image-rendering:pixelated;filter:drop-shadow(4px 5px #0f172a24)}.notes-modal-paw{top:20px;right:130px}.modal-progress-strip{border-bottom:4px solid var(--line);color:#475569;background:#fffbeb;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 22px;font-size:12px;font-weight:1000;display:flex}.mini-status{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.mini-status .check-icon,.mini-status .empty-circle{flex-basis:22px;width:22px;height:22px;font-size:14px}.modal-scroll-area{flex:1;gap:16px;padding:18px;display:grid;overflow:auto}.workspace-card,.question-card{border:4px solid var(--line);background:#fff;padding:16px;box-shadow:5px 5px #0f172a24}.workspace-card h3{letter-spacing:-.04em;margin:0 0 12px;font-size:20px}.section-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading-row h3{margin:0}.empty-mini{color:#64748b;background:#f8fafc;border:3px dashed #cbd5e1;margin:0;padding:14px;font-size:13px;line-height:1.6}.question-card-list{gap:12px;display:grid}.question-card{background:#f8fafc;box-shadow:4px 4px #0f172a1a}.question-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.question-card-header strong{font-size:16px}.tiny-danger{border:3px solid var(--danger);min-height:30px;color:var(--danger);background:#fff;padding:0 8px;font-size:12px;font-weight:1000;box-shadow:3px 3px #b91c1c1f}.question-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workspace-card label,.question-card label{color:#475569;text-transform:uppercase;letter-spacing:.07em;gap:6px;margin-top:10px;font-size:11px;font-weight:1000;display:grid}.question-card input,.question-card select,.question-card textarea,.big-textarea{width:100%;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;border:3px solid #cbd5e1;border-radius:0;outline:none;font-size:13px;font-weight:500;line-height:1.55}.question-card input,.question-card select{height:42px;padding:0 10px}.question-card textarea,.big-textarea{resize:vertical;white-space:pre-wrap;min-height:120px;padding:10px}.big-textarea{min-height:210px}.question-card input:focus,.question-card select:focus,.question-card textarea:focus,.big-textarea:focus{border-color:var(--line);box-shadow:3px 3px #0f172a1f}.two-column-notes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.notes-modal-footer{border-top:4px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal-footer-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toast{z-index:80;background:var(--line);color:#fff;opacity:0;border:4px solid #fff;padding:12px 14px;font-size:13px;font-weight:900;transition:all .2s;position:fixed;bottom:18px;right:18px;transform:translateY(120%);box-shadow:5px 5px #0f172a3d}.toast.show{opacity:1;transform:translateY(0)}@media (width<=1080px){.hero-card,.toolbar{grid-template-columns:1fr}.toolbar-actions{justify-content:flex-start}.paper-card{grid-template-columns:1fr}.tracker-grid,.year-grid,.question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-notes{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(100% - 18px,1280px);padding-top:12px}.hero-card,.setup-panel{padding:18px}.toolbar-left,.paper-picker-grid,.year-grid,.tracker-grid,.question-grid{grid-template-columns:1fr}.toolbar-actions{gap:7px}.button-help-card{flex-direction:column;align-items:flex-start}.pixel-button{min-height:44px;font-size:12px}.headline-cat{width:82px}h1{font-size:36px}.setup-header{grid-template-columns:1fr}.setup-header img{width:90px}.notes-modal-backdrop{padding:0}.notes-modal-panel{width:100%;height:100dvh;max-height:none;box-shadow:none;border-width:0}.notes-modal-header{grid-template-columns:1fr 60px;padding:14px}.notes-modal-header img{width:58px}.modal-scroll-area,.workspace-card,.question-card{padding:12px}.notes-modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer-actions{grid-template-columns:1fr;display:grid}.notes-modal-footer .pixel-button{width:100%}}.cat-easter-egg{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:inline-grid;position:relative}.cat-easter-egg:hover{transform:translateY(-3px)rotate(-3deg)}.cat-easter-egg.meowing{animation:.38s steps(2,end) 2 catMeow}.headline-cat-button{width:clamp(88px,12vw,150px)}.headline-cat-button .headline-cat{width:100%}.overall-cat-button img{width:58px;image-rendering:pixelated}.meow-bubble{opacity:0;border:3px solid var(--line);white-space:nowrap;pointer-events:none;background:#fff;padding:6px 9px;font-size:13px;font-weight:1000;position:absolute;top:-8px;left:72%;transform:translateY(8px);box-shadow:3px 3px #0f172a29}.cat-easter-egg.meowing .meow-bubble{opacity:1;transform:translateY(-8px)}.meow-bubble.mini{font-size:11px;top:-18px;left:58%}@keyframes catMeow{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)scale(1.08)}}.check-toggle{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.check-toggle:hover{transform:translate(1px,1px)}.mini-status-button{color:#475569;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:1000}.mini-status-button:hover{transform:translate(1px,1px)}.mini-status-button.done{color:#166534}.compact-question-grid{grid-template-columns:1fr 1.5fr 160px}.question-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.question-detail-grid textarea{min-height:125px}@media (width<=1080px){.compact-question-grid,.question-detail-grid{grid-template-columns:1fr}}@media (width<=720px){.headline-cat-button{width:82px}.compact-question-grid,.question-detail-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.toolbar,.button-help-card,.footer-card,.headline-cat,.overall-topline img,.pixel-paw,.setup-backdrop,.notes-modal-backdrop,.toast{display:none!important}.app-shell{width:100%;padding:0}.hero-card,.paper-card,.paper-info,.year-card,.tracker-cell{box-shadow:none}}.export-menu-wrap{display:inline-flex;position:relative}.export-menu{z-index:35;border:4px solid var(--line);background:#fff;width:min(300px,88vw);padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:7px 7px #0f172a33}.export-menu:before{content:"";border-left:4px solid var(--line);border-top:4px solid var(--line);background:#fff;width:16px;height:16px;position:absolute;top:-10px;right:22px;transform:rotate(45deg)}.export-menu p{z-index:1;color:#475569;border-bottom:3px dashed #cbd5e1;margin:0 0 10px;padding-bottom:10px;font-size:12px;line-height:1.45;position:relative}.export-menu p strong{color:var(--ink)}.export-menu button{text-align:left;border:3px solid var(--line);background:#fff7ed;gap:2px;width:100%;margin-top:8px;padding:10px;display:grid;box-shadow:3px 3px #0f172a1f}.export-menu button:hover{background:#dcfce7;transform:translate(-1px,-1px)}.export-menu button strong{font-size:13px}.export-menu button span{color:#64748b;font-size:12px}@media (width<=720px){.export-menu-wrap,.export-menu-wrap .pixel-button{width:100%}.export-menu{width:min(100%,92vw);left:0;right:auto}}a.pixel-button{place-items:center;text-decoration:none;display:inline-grid}.support-button{color:var(--ink);background:#fce7f3}.support-button:hover{background:#fef3c7}.footer-main{z-index:1;position:relative}.creator-footer{z-index:1;border:3px solid var(--line);background:#ffffffb8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:12px;display:grid;position:relative;box-shadow:4px 4px #0f172a1f}.creator-footer img{object-fit:cover;border:3px solid var(--line);border-radius:14px;width:58px;height:58px;box-shadow:3px 3px #0f172a24}.creator-footer p{color:#475569;margin:0;font-size:12px;line-height:1.45}.creator-footer p strong{color:var(--ink);font-size:13px}@media (width<=720px){.creator-footer{grid-template-columns:auto minmax(0,1fr)}.creator-footer .support-button{grid-column:1/-1;width:100%}}.timer-toolbar-button{text-align:left;border:4px solid var(--line);min-height:48px;color:var(--ink);background:#fef3c7;align-content:center;gap:2px;padding:0 14px;font-weight:1000;transition:all .12s;display:grid;box-shadow:4px 4px #0f172a29}.timer-toolbar-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #0f172a33}.timer-toolbar-button span{font-size:14px;line-height:1.1}.timer-toolbar-button small{color:#64748b;font-size:11px;font-weight:900}.timer-toolbar-button.running{background:#dcfce7}.timer-toolbar-button.finished{color:#991b1b;background:#fee2e2}.timer-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.timer-modal-panel{background:var(--paper);border:4px solid var(--line);width:min(85vw,860px);max-height:min(84vh,780px);padding:22px;position:relative;overflow:auto;box-shadow:12px 12px #0f172a52}.timer-paw-one{top:22px;right:80px}.timer-paw-two{bottom:30px;left:44px}.timer-modal-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex;position:relative}.timer-modal-header h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,6vw,56px);line-height:.98}.timer-modal-header p:last-child{color:#475569;margin:8px 0 0;line-height:1.55}.timer-close-button{border:4px solid var(--line);background:#fff;width:46px;height:46px;font-size:26px;font-weight:1000;line-height:1;box-shadow:4px 4px #0f172a29}.timer-display-card{z-index:1;text-align:center;border:4px solid var(--line);background:#fff;place-items:center;gap:10px;padding:26px 18px;display:grid;position:relative;box-shadow:6px 6px #0f172a29}.timer-display-card.running{background:#dcfce7}.timer-display-card.finished{background:#fee2e2}.timer-display-card strong{letter-spacing:-.08em;font-variant-numeric:tabular-nums;font-size:clamp(56px,13vw,128px);font-weight:1000;line-height:.9}.timer-display-card span{color:#475569;font-weight:900}.timer-cat{filter:drop-shadow(4px 4px #0f172a24);font-size:42px}.timer-progress-bar{border:3px solid var(--line);background:#e2e8f0;width:min(100%,520px);height:16px;margin-top:6px;overflow:hidden;box-shadow:3px 3px #0f172a1f}.timer-progress-bar div{background:repeating-linear-gradient(90deg,#475569 0 10px,#334155 10px 20px);height:100%;transition:width .2s linear}.timer-settings-grid{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:16px;display:grid}.timer-card{z-index:1;border:4px solid var(--line);background:#fff;padding:16px;position:relative;box-shadow:5px 5px #0f172a24}.timer-card h3{letter-spacing:-.03em;margin:0 0 12px;font-size:18px}.timer-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.timer-preset-grid button{border:3px solid var(--line);background:#fff7ed;min-height:42px;font-weight:1000;box-shadow:3px 3px #0f172a1f}.timer-preset-grid button.active,.timer-preset-grid button:hover{background:#dbeafe}.timer-custom-input{color:#334155;gap:6px;font-size:12px;font-weight:1000;display:grid}.timer-custom-input input{border:3px solid var(--line);width:100%;height:46px;padding:0 10px;font-size:18px;font-weight:1000;box-shadow:3px 3px #0f172a1a}.timer-card p{color:#64748b;margin:10px 0 0;font-size:12px;font-weight:800;line-height:1.55}.timer-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}@media (width<=1050px){.timer-toolbar-button{width:100%}}@media (width<=720px){.timer-modal-backdrop{padding:0}.timer-modal-panel{width:100vw;height:100vh;max-height:none;box-shadow:none;border-width:0;border-radius:0}.timer-settings-grid{grid-template-columns:1fr}.timer-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-actions{grid-template-columns:1fr;display:grid}.timer-actions .pixel-button{width:100%}}.timer-toolbar-left{grid-template-columns:minmax(0,1fr) 230px}.portal-menu-wrap{display:inline-flex;position:relative}.portal-toolbar-button{text-align:left;border:4px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#e0f2fe;align-content:center;gap:2px;padding:0 14px;font-weight:1000;transition:all .12s;display:grid;box-shadow:4px 4px #0f172a29}.portal-toolbar-button:hover,.portal-toolbar-button.open{transform:translate(-1px,-1px);box-shadow:5px 5px #0f172a33}.portal-toolbar-button span{font-size:14px;line-height:1.1}.portal-toolbar-button small{color:#64748b;font-size:11px;font-weight:900}.portal-menu{z-index:35;border:4px solid var(--line);background:#fff;width:min(420px,92vw);padding:12px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:7px 7px #0f172a33}.portal-menu:before{content:"";border-left:4px solid var(--line);border-top:4px solid var(--line);background:#fff;width:16px;height:16px;position:absolute;top:-10px;left:24px;transform:rotate(45deg)}.portal-menu p{z-index:1;color:#475569;border-bottom:3px dashed #cbd5e1;margin:0 0 10px;padding-bottom:10px;font-size:12px;line-height:1.45;position:relative}.portal-menu p strong{color:var(--ink)}.portal-menu a{border:3px solid var(--line);width:100%;color:var(--ink);background:#fff7ed;gap:4px;margin-top:8px;padding:10px;text-decoration:none;display:grid;box-shadow:3px 3px #0f172a1f}.portal-menu a:hover{background:#dcfce7;transform:translate(-1px,-1px)}.portal-menu a strong{font-size:13px}.portal-menu a span{color:#64748b;font-size:11px;line-height:1.45}.timer-cat-image{aspect-ratio:1;object-fit:contain;image-rendering:auto;filter:drop-shadow(6px 8px #0f172a24);width:min(220px,48vw)}.timer-alert-backdrop{z-index:82;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.timer-alert-panel{text-align:center;background:var(--paper);border:4px solid var(--line);width:min(92vw,520px);padding:22px;box-shadow:10px 10px #0f172a47}.timer-alert-panel img{object-fit:contain;filter:drop-shadow(6px 8px #0f172a1f);width:min(260px,58vw);margin:0 auto 10px;display:block}.timer-alert-panel h3{letter-spacing:-.05em;margin:0;font-size:clamp(28px,6vw,44px);line-height:1}.timer-alert-panel p:last-of-type{color:#475569;margin:12px 0 18px;font-weight:800;line-height:1.6}.celebration-overlay{z-index:68;pointer-events:none;position:fixed;inset:0}.celebration-banner{border:4px solid var(--line);letter-spacing:.02em;background:#fff;padding:10px 16px;font-size:14px;font-weight:1000;animation:4.6s forwards celebratePop;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:6px 6px #0f172a2e}@keyframes celebratePop{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.9)}10%,85%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.98)}}.firework{width:12px;height:12px;position:absolute}.firework:before,.firework:after{content:"";opacity:0;background:radial-gradient(circle,#f59e0b 0 24%,#0000 25%),radial-gradient(circle at top,#ef4444 0 24%,#0000 25%),radial-gradient(circle at 100%,#38bdf8 0 24%,#0000 25%),radial-gradient(circle at bottom,#22c55e 0 24%,#0000 25%),radial-gradient(circle at 0,#a855f7 0 24%,#0000 25%);border-radius:50%;animation:1.4s ease-out infinite fireworkBurst;position:absolute;inset:0;transform:scale(.1)}.firework:after{filter:blur(1px);animation-delay:.16s}@keyframes fireworkBurst{0%{opacity:0;transform:scale(.1)}18%{opacity:1}to{opacity:0;transform:scale(8)}}@media (width<=720px){.timer-toolbar-left{grid-template-columns:1fr}.portal-menu-wrap,.portal-toolbar-button,.timer-toolbar-button{width:100%}.portal-menu{width:min(100%,92vw)}.celebration-banner{text-align:center;width:calc(100vw - 32px);top:72px}}.year-setup-panel{width:min(100%,1120px)}.year-paper-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.year-picker-card{padding:0;display:block;overflow:hidden}.paper-select-row{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.paper-select-row strong,.paper-select-row em{display:block}.paper-select-row em{color:#475569;margin-top:2px;font-size:13px;font-style:normal;line-height:1.35}.paper-select-row i{font-size:24px;font-style:normal;font-weight:1000}.year-chooser{background:#ffffff8c;border-top:3px dashed #1f293773;padding:12px}.year-chooser-top{color:#475569;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:1000;display:flex}.year-chooser-top strong{color:var(--ink)}.year-quick-actions{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.year-quick-actions button,.year-chip-grid button{border:3px solid var(--line);background:#fff;min-height:30px;padding:0 8px;font-size:11px;font-weight:1000;box-shadow:2px 2px #0f172a1f}.year-quick-actions button:hover,.year-chip-grid button:hover,.year-chip-grid button.active{background:#dbeafe;transform:translate(-1px,-1px)}.year-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}@media (width<=900px){.year-paper-picker-grid{grid-template-columns:1fr}.year-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.year-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.copyright-footer-line{z-index:1;color:#64748b;border-top:3px dashed #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;font-size:12px;font-weight:800;display:flex;position:relative}.copyright-footer-line a{color:var(--ink);border-bottom:2px solid var(--line);font-weight:1000;text-decoration:none}.copyright-footer-line a:hover{color:#2563eb}.terms-page-card{background:var(--paper);border:4px solid var(--line);padding:26px;position:relative;overflow:hidden;box-shadow:8px 8px #0f172a2e}.terms-page-header{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;display:grid;position:relative}.terms-page-header h1{margin-top:0}.terms-page-header p:last-child{color:#475569;max-width:720px;margin:12px 0 0;line-height:1.7}.terms-page-header img{object-fit:contain;width:clamp(88px,12vw,150px);image-rendering:pixelated;filter:drop-shadow(6px 7px #0f172a29)}.terms-content-card{z-index:1;border:4px solid var(--line);background:#fff;margin-top:22px;padding:20px;position:relative;box-shadow:6px 6px #0f172a26}.terms-content-card p{color:#334155;margin:0;font-size:14px;line-height:1.8}.terms-content-card p+p{margin-top:14px}.terms-content-card strong{color:var(--ink)}.terms-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.terms-footer-line{margin-top:20px}@media (width<=720px){.terms-page-card{padding:18px}.terms-page-header{grid-template-columns:1fr}.terms-page-header img{width:120px}.terms-actions .pixel-button{width:100%}}

/* v1.3 structured note-taking update */
.question-notes-single{display:grid;gap:16px;margin-top:14px}.question-notes-single>label{display:grid;gap:7px;font-size:12px;font-weight:1000;color:#334155}.question-notes-single textarea,.question-notes-single input{width:100%;max-width:100%;border:3px solid var(--line);background:#fff;outline:none;padding:10px 11px;box-shadow:3px 3px #0f172a1a}.question-notes-single textarea{min-height:120px;resize:vertical;line-height:1.55}.structured-note-section{border:3px solid var(--line);background:#fffdf8;padding:14px;display:grid;gap:12px;box-shadow:4px 4px #0f172a17}.structured-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.structured-section-title h4{margin:0;letter-spacing:-.03em;font-size:17px;font-weight:1000}.structured-block-list{display:grid;gap:12px}.structured-block{border:3px solid #cbd5e1;background:#fff;padding:12px;display:grid;gap:10px;box-shadow:3px 3px #0f172a14}.structured-block.concept-block{background:#f8fbff}.structured-block.citation-block{background:#fffdf1}.structured-block-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.structured-block-header strong{font-size:13px;font-weight:1000}.structured-block label{display:grid;gap:6px;font-size:12px;font-weight:1000;color:#334155}.structured-block input,.structured-block textarea{width:100%;max-width:100%;border:3px solid var(--line);background:#fff;padding:9px 10px;outline:none;box-shadow:3px 3px #0f172a14}.structured-block textarea{resize:vertical;line-height:1.55}.legacy-note-box{border:3px dashed #94a3b8;background:#f8fafc;padding:10px}.legacy-note-box summary{cursor:pointer;font-size:12px;font-weight:1000;color:#475569}.legacy-note-box textarea{width:100%;max-width:100%;margin-top:10px;border:3px solid var(--line);background:#fff;padding:10px;resize:vertical;line-height:1.55;box-shadow:3px 3px #0f172a14}@media (width<=720px){.structured-section-title{align-items:stretch}.structured-section-title .pixel-button{width:100%}.structured-block{padding:10px}.modal-progress-strip{align-items:flex-start}.question-notes-single textarea,.structured-block textarea,.legacy-note-box textarea{font-size:16px}}

.optional-note-details{border:3px dashed #cbd5e1;background:#f8fafc;padding:9px 10px;display:block}
.optional-note-details summary{cursor:pointer;font-size:12px;font-weight:1000;color:#475569;list-style:none}
.optional-note-details summary::-webkit-details-marker{display:none}
.optional-note-details summary:before{content:"▸ ";font-weight:1000}
.optional-note-details[open] summary:before{content:"▾ "}
.optional-note-details label{margin-top:10px}

/* v1.3.6: collapsed note sections + slightly larger Paper-Year popup */
.collapsible-note-details{border:3px solid var(--line);background:#fff;display:block;overflow:hidden;box-shadow:3px 3px #0f172a14}
.collapsible-note-details summary{cursor:pointer;list-style:none;background:#f8fafc;color:var(--ink);text-transform:uppercase;letter-spacing:.07em;min-height:44px;padding:11px 12px;font-size:12px;font-weight:1000;display:flex;align-items:center;justify-content:space-between;gap:10px}
.collapsible-note-details summary::-webkit-details-marker{display:none}
.collapsible-note-details summary:before{content:"▸";font-size:13px;font-weight:1000;margin-right:2px}
.collapsible-note-details[open] summary:before{content:"▾"}
.collapsible-note-details summary span{flex:1;min-width:0}
.collapsible-note-details summary em{font-style:normal;color:#475569;background:#fff;border:2px solid #cbd5e1;padding:3px 7px;font-size:10px;font-weight:1000;text-transform:none;letter-spacing:0;white-space:nowrap}
.collapsible-note-details[open] summary em{color:#166534;background:#dcfce7;border-color:#166534}
.collapsible-note-details>textarea,.collapsible-note-details>.big-textarea{width:calc(100% - 24px);max-width:calc(100% - 24px);margin:12px;display:block}
.paper-detailed-notes-card{background:#fffdf8}
@media (width<=720px){.collapsible-note-details summary{align-items:flex-start}.collapsible-note-details summary em{margin-top:1px}.collapsible-note-details>textarea,.collapsible-note-details>.big-textarea{font-size:16px}}

/* v1.4.7: small repeat-add controls at the bottom of each structured note block. */
.structured-block-actions{
  display:flex;
  justify-content:flex-start;
  gap:8px;
  margin-top:2px;
  padding-top:8px;
  border-top:2px dashed rgba(148,163,184,.55);
}
.structured-block-actions .secondary-add-button{
  font-size:11px;
  padding:7px 10px;
  background:#f8fafc;
}
@media (width<=720px){
  .structured-block-actions .secondary-add-button{width:100%;}
}