*{box-sizing:border-box}body{margin:0;background:var(--nf-bg);color:var(--nf-text);font-family:var(--nf-font);font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin:0}button svg,a svg{pointer-events:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{display:none}.shell{min-height:100dvh;max-width:1700px;margin:auto}.sidebar{display:none}.main{padding:25px 24px calc(100px + env(safe-area-inset-bottom));max-width:800px;margin:auto}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;min-height:44px}.screen-head h1{font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.65px}.head-actions{display:flex;align-items:center;gap:7px}.iconbutton{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:0 10px}.iconbutton:hover{background:var(--nf-surface-2)}.iconbutton.bordered{background:var(--nf-surface);border:1px solid var(--nf-border)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:11px 17px;background:var(--nf-accent);color:var(--nf-on-accent);font-size:14px;font-weight:700;border-radius:14px;white-space:nowrap}.button:hover{background:var(--nf-accent-hover)}.button svg{width:20px;height:20px}.secondary{background:var(--nf-surface);border:1px solid var(--nf-border);color:var(--nf-text)}.secondary:hover{background:var(--nf-surface-2)}.textbutton{color:var(--nf-accent);font-size:14px;font-weight:650;min-height:44px;padding:4px}.smalltext{font-size:13px;color:var(--nf-text-2)}.subtle{color:var(--nf-text-2)}.welcome{display:flex;align-items:center;gap:13px}.welcome img{height:48px;width:48px}.welcome .date{font-size:12px;color:var(--nf-text-2);margin-bottom:3px;font-weight:550}.welcome h1{font-size:24px;letter-spacing:-.55px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-head h2{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:7px}.section-head .textbutton{font-size:12px;min-height:32px}.section{margin-bottom:24px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.quick-tile{height:76px;border-radius:18px;background:var(--nf-accent-soft);color:var(--nf-accent);padding:14px;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;line-height:1.35;font-weight:700}.quick-tile:last-child{background:var(--nf-surface);border:1px solid var(--nf-border);color:var(--nf-text)}.quick-tile svg{width:24px;height:24px}.card{background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:20px;padding:18px;box-shadow:var(--nf-shadow-card)}.next-class{border:1px solid var(--nf-border);background:var(--nf-surface);border-radius:20px;padding:18px;position:relative;overflow:hidden}.next-class:before{content:'';position:absolute;left:0;top:17px;bottom:17px;background:var(--nf-subject-blue);width:4px;border-radius:0 3px 3px 0}.next-class .section-head{margin-bottom:12px}.next-class .section-head h2{font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:4px;color:var(--nf-accent);background:var(--nf-accent-soft);border-radius:9px;padding:4px 7px;font-size:10px;font-weight:650}.next-class h3{font-size:18px;line-height:1.35;margin-bottom:11px}.class-meta{display:flex;gap:7px;align-items:center;font-size:13px;color:var(--nf-text-2);margin-top:7px}.class-meta svg{width:17px;height:17px}.class-time{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:7px}.class-time svg{width:18px;color:var(--nf-text-2)}.badge{background:var(--nf-surface-2);color:var(--nf-text-2);border-radius:8px;padding:2px 7px;font-size:12px;font-weight:650}.tasklist{display:grid;gap:8px}.taskrow{display:flex;gap:12px;padding:14px 12px 14px 14px;background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:16px;align-items:flex-start;position:relative}.taskrow.overdue{background:var(--nf-danger-bg);border-color:var(--nf-danger-border)}.taskrow.done{background:var(--nf-surface-done)}.check-wrap{width:26px;min-height:36px;display:flex;align-items:flex-start;padding:3px 0;flex-shrink:0}.checkbox{height:21px;width:21px;border:1.8px solid var(--nf-checkbox);border-radius:6px;display:grid;place-items:center}.taskrow.overdue .checkbox{border-color:var(--nf-danger)}.taskrow.done .checkbox{border-color:var(--nf-accent);background:var(--nf-accent);color:var(--nf-on-accent)}.checkbox svg{height:15px;width:15px}.task-info{flex:1;min-width:0;padding:1px 0;cursor:pointer}.task-title{font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.taskrow.done .task-title{color:var(--nf-text-2);text-decoration:line-through}.task-meta{font-size:12px;color:var(--nf-text-2);margin-top:7px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;line-height:1.6}.task-meta svg{width:13px;height:13px}.late{color:var(--nf-danger);display:inline-flex;align-items:center;gap:4px;font-weight:650}.tag{display:inline-flex;align-items:center;background:var(--nf-surface-2);padding:1px 7px;border-radius:7px;font-size:11px;color:var(--nf-text-strong-2);font-weight:600}.priority{display:inline-flex;gap:3px;align-items:center;font-size:11px;color:var(--nf-priority);font-weight:650}.task-more{width:36px;min-width:36px;height:40px;margin:-3px -5px 0 0;display:grid;place-items:center;color:var(--nf-text-2);border-radius:10px}.task-more:hover{background:var(--nf-surface-2)}.task-more svg{width:20px}.pinned-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pinned-note{background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:18px;padding:16px;text-align:left;min-height:128px;position:relative;width:100%}.pinned-note .category{color:var(--nf-accent);font-size:11px;font-weight:700;margin-bottom:10px}.pinned-note h3{font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.pinned-note .pin{position:absolute;right:12px;top:13px;color:var(--nf-accent)}.pin svg{height:14px;width:14px}.pinned-note p{display:none}.pinned-note:hover,.note-row:hover{border-color:var(--nf-accent)}.inline-note{font-size:12px;color:var(--nf-text-2);padding:12px 3px 0}.search-row{display:flex;gap:8px;margin-bottom:15px}.search-field{flex:1;min-width:0;border-radius:16px;background:var(--nf-surface);border:1px solid var(--nf-border);display:flex;align-items:center;gap:9px;padding:0 13px;height:49px;color:var(--nf-text-2)}.search-field input{background:none;border:0;outline:none;width:100%;min-width:0;font-size:16px;height:100%}.search-field svg{height:20px;width:20px}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:none}.chip{min-height:40px;border:1px solid var(--nf-border);border-radius:12px;padding:7px 14px;background:var(--nf-surface);white-space:nowrap;font-size:13px;font-weight:650}.chip.active{background:var(--nf-text);color:var(--nf-bg);border-color:var(--nf-text)}.chip.soft.active{background:var(--nf-accent-soft);color:var(--nf-accent);border-color:var(--nf-accent)}.chips svg{width:16px;height:16px}.list-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:var(--nf-text-2);font-size:12px;font-weight:600}.list-meta select{border:0;background:transparent;padding:10px 0 10px 10px;max-width:150px;font-size:13px;font-weight:600;color:var(--nf-text)}.note-list{display:grid;gap:8px}.note-row{padding:16px;background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:18px;text-align:left;width:100%;position:relative}.note-row h3{font-size:16px;font-weight:700;line-height:1.4;padding-right:15px;overflow-wrap:anywhere}.note-row>p{font-size:13px;line-height:1.5;color:var(--nf-text-strong-2);margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-row .note-meta{margin-top:10px;color:var(--nf-text-2);font-size:11px;font-weight:550}.note-row .pin{position:absolute;top:17px;right:15px;color:var(--nf-accent)}.empty{padding:28px 20px;text-align:center;border:1px dashed var(--nf-border-dashed);border-radius:20px;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty img{height:54px;width:54px;margin-bottom:12px}.empty h3{font-size:17px;margin-bottom:7px}.empty p{color:var(--nf-text-2);font-size:13px;max-width:350px;line-height:1.7}.empty .button{margin-top:16px}.subhead{font-size:13px;font-weight:650;color:var(--nf-text-2);margin:22px 0 10px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:20px}.day-button{border:1px solid var(--nf-border);background:var(--nf-surface);border-radius:14px;min-height:70px;font-size:12px;color:var(--nf-text-2);padding:9px 3px}.day-button b{display:block;font-size:19px;line-height:1.4;color:var(--nf-text);font-weight:600}.day-button.active{background:var(--nf-accent);color:var(--nf-on-accent);border-color:var(--nf-accent)}.day-button.active b{color:var(--nf-on-accent)}.week-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.week-caption>span{font-size:11px;color:var(--nf-text-2)}.week-caption h2{font-size:17px}.schedule-list{display:grid;gap:11px}.lesson-row{display:flex;gap:12px;text-align:left;width:100%;align-items:stretch}.time-col{width:45px;flex-shrink:0;padding-top:16px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.time-col small{display:block;font-size:11px;color:var(--nf-text-2);margin-top:3px;font-weight:500}.lesson-card{flex:1;background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:16px;padding:15px 14px;position:relative;overflow:hidden}.lesson-card:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--subject,var(--nf-subject-blue));border-radius:0 3px 3px 0}.lesson-card h3{font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.lesson-card p{font-size:12px;color:var(--nf-text-2);margin-top:7px;overflow-wrap:anywhere}.lesson-card .status-pill{margin-top:8px}.break-label{font-size:11px;color:var(--nf-text-2);margin:0 0 0 58px;padding:0 12px}.schedule-foot{font-size:11px;color:var(--nf-text-2);text-align:center;margin-top:16px}.setting-group{margin-bottom:23px}.setting-group>h2{font-size:12px;color:var(--nf-text-2);font-weight:700;margin-bottom:9px;padding-left:4px}.setting-card{border:1px solid var(--nf-border);background:var(--nf-surface);border-radius:18px;overflow:hidden}.setting-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;border-bottom:1px solid var(--nf-border);text-align:left;min-height:59px;font-size:14px}.setting-row:last-child{border-bottom:0}.setting-row b{font-size:16px;display:block;font-weight:650;margin-top:3px}.setting-row small{display:block;font-size:11px;color:var(--nf-text-2);margin-top:4px}.setting-row>svg{height:18px;color:var(--nf-text-2)}.theme-block{padding:15px 16px;border-bottom:1px solid var(--nf-border);font-size:14px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:13px;background:var(--nf-surface-2);gap:3px;margin-top:11px}.segmented button{min-height:44px;font-size:12px;font-weight:600;border-radius:10px}.segmented button.active{background:var(--nf-surface);box-shadow:var(--nf-shadow-card);font-weight:700}.switch{width:46px;height:27px;display:inline-block;border-radius:20px;background:var(--nf-border-field);position:relative;flex-shrink:0}.switch:after{content:'';position:absolute;height:21px;width:21px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .16s}.switch.on{background:var(--nf-accent)}.switch.on:after{transform:translateX(19px)}.profile-block{margin-bottom:23px}.mode-banner{font-size:10px;line-height:1.6;color:var(--nf-text-2);margin:0 0 22px;border-bottom:1px solid var(--nf-border);padding-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-banner button{color:var(--nf-accent);font-size:10px;min-height:32px;font-weight:700}.mode-banner[hidden]{display:none}.bottomnav{position:fixed;left:0;right:0;bottom:0;background:var(--nf-nav);border-top:1px solid var(--nf-border);display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));z-index:10}.bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;gap:3px;font-size:10px;font-weight:600;color:var(--nf-text-2)}.bottomnav .nav-icon{height:30px;width:62px;display:grid;place-items:center;border-radius:18px}.bottomnav button.active{color:var(--nf-accent);font-weight:700}.bottomnav button.active .nav-icon{background:var(--nf-accent-soft)}.bottomnav svg{width:22px;height:22px}.desktop-footer{display:none}.sheet{padding:0;background:var(--nf-surface);color:var(--nf-text);border:1px solid var(--nf-border);width:100%;max-width:560px;max-height:calc(100dvh - 20px);margin:auto auto 0;border-radius:24px 24px 0 0;box-shadow:var(--nf-shadow-sheet);overflow:auto;overscroll-behavior:contain}.sheet::backdrop,.confirm::backdrop{background:var(--nf-scrim)}.sheet-handle{width:34px;height:4px;border-radius:9px;background:var(--nf-border-field);margin:9px auto 0}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 18px 10px;position:sticky;top:0;background:var(--nf-surface);z-index:2}.sheet-head h2{font-size:17px;line-height:1.3;font-weight:700}.sheet-head .iconbutton{font-size:25px;color:var(--nf-text-2)}.sheet form,.sheet-content{padding:8px 22px calc(24px + env(safe-area-inset-bottom))}.field{display:block;margin-bottom:15px;min-width:0}.field>span{display:block;font-size:12px;font-weight:650;color:var(--nf-text-2);margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--nf-border-field);border-radius:14px;padding:12px 13px;min-height:49px;background:var(--nf-bg);font-size:16px;line-height:1.5}.field textarea{min-height:220px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--nf-accent);outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px}.form-footer .button{flex:1;min-width:120px}.danger{color:var(--nf-danger)}.form-error{font-size:12px;color:var(--nf-danger);margin:9px 0}.form-hint{font-size:11px;line-height:1.7;color:var(--nf-text-2);margin:8px 0}.note-editor.sheet{height:100dvh;max-height:100dvh;border-radius:0}.note-editor .sheet-handle{display:none}.note-editor .sheet-head{padding-top:calc(10px + env(safe-area-inset-top))}.note-title-input{width:100%;padding:10px 0!important;border:0!important;background:transparent!important;font-size:24px!important;font-weight:700!important;line-height:1.35!important;border-radius:0!important}.note-body-input{min-height:35dvh!important;resize:vertical;background:transparent!important;border:0!important;padding:7px 0!important;line-height:1.8!important}.note-editor .save-status{font-size:10px;color:var(--nf-text-2);margin-bottom:10px;display:flex;align-items:center;gap:5px}.note-editor .save-status svg{height:13px;width:13px}.checklabel{min-height:44px;display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:12px}.checklabel input{width:19px;height:19px;accent-color:var(--nf-accent)}.editor-tools{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}.editor-tools button{border:1px solid var(--nf-border);background:var(--nf-bg);border-radius:10px;min-height:36px;padding:6px 10px;font-size:12px}.optional-fields{border:1px solid var(--nf-border);border-radius:14px;padding:0 12px;margin:12px 0}.optional-fields summary{padding:12px 0;cursor:pointer;font-size:13px;color:var(--nf-accent);font-weight:650}.optional-fields[open]{padding-bottom:5px}.optional-fields .field input,.optional-fields .field select{font-size:14px}.confirm{max-width:360px;width:calc(100% - 40px);border:1px solid var(--nf-border);background:var(--nf-surface);color:var(--nf-text);border-radius:22px;padding:24px;box-shadow:var(--nf-shadow-dialog)}.confirm h2{font-size:19px;line-height:1.4;margin-bottom:10px}.confirm p{font-size:13px;color:var(--nf-text-2);line-height:1.8;margin-bottom:20px}.confirm>div{display:flex;gap:9px;justify-content:flex-end}.confirm .button{min-height:44px;padding:10px 13px;font-size:12px}.toast{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom));left:20px;right:20px;max-width:500px;margin:auto;border-radius:16px;background:var(--nf-toast-bg);color:var(--nf-toast-text);box-shadow:var(--nf-shadow-float);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;opacity:0;transform:translateY(15px);pointer-events:none;z-index:20;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:none;pointer-events:auto}.toast button{min-height:36px;color:var(--nf-toast-action);font-size:12px;font-weight:700}.toast button[hidden]{display:none}.chart-card{background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:20px;padding:20px}.chart-card h2{font-size:16px}.chart{height:180px;display:flex;gap:12px;align-items:flex-end;margin-top:20px}.chart-col{display:flex;flex:1;flex-direction:column;height:100%;justify-content:flex-end;text-align:center;gap:8px;font-size:10px;color:var(--nf-text-2)}.chart-col b{color:var(--nf-accent);font-size:12px}.chart-col .bar{background:var(--nf-accent-chart);border-radius:7px 7px 3px 3px;min-height:3px;margin:0 9%}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.metric{border:1px solid var(--nf-border);border-radius:16px;background:var(--nf-surface);padding:16px 12px}.metric b{display:block;font-size:26px;line-height:1.2;color:var(--nf-accent);margin-bottom:6px}.metric span{font-size:10px;color:var(--nf-text-2)}.progress-line{height:9px;border-radius:10px;background:var(--nf-surface-2);overflow:hidden;margin-top:15px}.progress-line>span{display:block;height:100%;background:var(--nf-accent);border-radius:10px}.skeleton{display:grid;gap:20px}.skeleton span{display:block;height:130px;border-radius:20px;background:var(--nf-surface-2);animation:pulse 1s infinite alternate}.offline-banner{padding:10px 14px;font-size:11px;line-height:1.7;border-radius:12px;background:var(--nf-warn-bg);color:var(--nf-warn-text);margin-bottom:16px}.fade{animation:fade .18s ease-out}.mobile-only{display:block}.desktop-only{display:none}@keyframes fade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pulse{to{opacity:.4}}
@media(max-width:374px){.main{padding-left:20px;padding-right:20px}.quick-tile{font-size:12px;gap:7px;padding:12px}.welcome h1{font-size:21px}.welcome img{height:42px;width:42px}.section-head h2{font-size:17px}.task-title{font-size:14px}.taskrow{gap:9px}.pinned-note{padding:14px}.pinned-note h3{font-size:13px}.screen-head h1{font-size:26px}.week-caption h2{font-size:15px}}
@media(min-width:600px){.shell{display:grid;grid-template-columns:84px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:sticky;height:100dvh;top:0;background:var(--nf-surface);border-right:1px solid var(--nf-border);padding:25px 10px}.wordmark{display:flex;align-items:center;gap:9px;justify-content:center;font-size:24px;letter-spacing:-1px;font-weight:750}.wordmark img{height:41px;width:41px}.wordmark>span{display:none}.brand-dot{color:var(--nf-accent)}.sidebar-caption{display:none}.sidebar nav{display:grid;gap:9px;margin-top:40px}.sidebar nav button{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;color:var(--nf-text-2);font-size:9px;min-height:62px;width:100%;border-radius:13px;font-weight:650}.sidebar nav button.active{background:var(--nf-accent-soft);color:var(--nf-accent)}.sidebar-bottom{margin-top:auto}.calm-note{display:none}.settings-link{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;width:100%;color:var(--nf-text-2);font-size:0}.settings-link svg{height:21px;width:21px}.bottomnav{display:none}.main{padding:32px 32px 45px;max-width:1100px;width:100%}.welcome h1{font-size:28px}.quick-tile{font-size:15px;height:82px}.today-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.today-layout>div{min-width:0}.desktop-only{display:block}.mobile-only{display:none}.section-head h2{font-size:18px}.pinned-grid{grid-template-columns:1fr}.pinned-note{min-height:0}.pinned-note p{display:block;font-size:12px;color:var(--nf-text-2);line-height:1.7;margin-top:7px}.sheet{margin:auto;border-radius:24px;max-height:90dvh}.sheet-handle{display:none}.sheet-head{padding-top:17px;border-radius:24px 24px 0 0}.note-editor.sheet{height:88dvh;max-height:88dvh;max-width:750px;border-radius:24px}.note-editor .sheet-head{padding-top:17px}.note-editor .note-body-input{min-height:30dvh!important}.toast{bottom:25px}.desktop-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--nf-text-2);margin-top:35px;padding-top:18px;border-top:1px solid var(--nf-border)}.note-list{grid-template-columns:1fr}.settings-layout{max-width:650px;margin:auto}.schedule-list{max-width:800px}.screen-head h1{font-size:30px}.chart{height:230px}.chart-col{font-size:12px}}
@media(min-width:1024px){.shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{padding:32px 20px}.wordmark{justify-content:flex-start;padding-left:7px}.wordmark>span{display:block}.sidebar-caption{display:block;color:var(--nf-text-2);font-size:9px;letter-spacing:1.8px;font-weight:700;margin:48px 14px 13px}.sidebar nav{margin:0;gap:6px}.sidebar nav button{flex-direction:row;gap:12px;justify-content:flex-start;padding:14px;font-size:13px;min-height:49px;border-radius:13px}.sidebar nav button svg{height:21px;width:21px}.sidebar nav button:hover{background:var(--nf-surface-2)}.sidebar nav button.active:hover{background:var(--nf-accent-soft)}.calm-note{display:flex;align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:25px;padding:18px;background:var(--nf-bg);border:1px solid var(--nf-border);border-radius:17px}.calm-note img{height:45px;width:45px}.calm-note p{font-size:11px;line-height:1.9;color:var(--nf-text-2)}.calm-note b{font-weight:600;color:var(--nf-text)}.settings-link{font-size:13px;justify-content:flex-start;padding-left:14px}.main{padding:40px 42px;max-width:1400px}.welcome h1{font-size:32px;letter-spacing:-.8px}.welcome img{height:53px;width:53px}.welcome .date{font-size:13px}.today-layout{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:28px}.quick-actions{max-width:620px}.quick-tile{font-size:15px;padding:18px}.next-class{padding:22px}.note-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-row{max-width:650px}.task-title{font-size:15px}.taskrow{padding:17px 15px}.note-row{padding:20px;min-height:130px}.schedule-page{max-width:850px}.week-strip{gap:10px}.day-button{min-height:80px}.metric{padding:22px}.metric b{font-size:31px}.progress-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}}

.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}

@media(max-width:599px){.quick-tile{font-size:12px;gap:7px;padding:12px}.quick-tile svg{width:20px;height:20px}.quick-tile span{white-space:nowrap}.welcome{gap:10px}.welcome img{height:44px;width:44px}.welcome h1{font-size:22px}}

.attachment-panel{margin:18px 0;padding:16px;border:1px solid var(--nf-border);border-radius:16px}
.attachment-panel h3{font-size:14px;margin:0 0 8px}
.attachment-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}
.attachment-pick{cursor:pointer}
#attachmentStatus{font-size:12px;margin-top:10px;color:var(--nf-text-2)}
#attachmentPreview{display:grid;gap:12px;margin-top:10px}
#attachmentPreview img{max-width:100%;max-height:340px;object-fit:contain;border-radius:12px}
#attachmentPreview audio{max-width:100%}