.skip{z-index:var(--z-toast);background:var(--surface);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-1);position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.fatal{color:var(--bad);padding:var(--sp-3) var(--sp-5);margin:0}.scrim{z-index:calc(var(--z-overlay) - 2);background:#1f1e1b52;position:fixed;inset:0}.top{z-index:var(--z-panel);align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--line);background:var(--surface);display:flex;position:sticky;top:0}a.brand{font:var(--text-title);color:var(--ink);padding:0 var(--sp-2);text-decoration:none}.crumb{gap:var(--sp-2);min-width:0;font:var(--text-body);color:var(--ink-2);white-space:nowrap;flex:1;align-items:baseline;display:flex;overflow:hidden}.crumb>span{text-overflow:ellipsis;overflow:hidden}.crumb #crumb-ep{color:var(--ink);font-weight:600}.crumb .sep{color:var(--ink-3)}.crumb:has(#crumb-ep:empty) .sep{display:none}.save-state{font:var(--text-small);color:var(--ink-2);white-space:nowrap}.save-state[data-state=warn]{color:var(--warn)}.save-state[data-state=bad]{color:var(--bad);font-weight:600}#btn-notes[aria-expanded=true]{background:var(--surface-2);color:var(--ink)}.app{grid-template-columns:256px minmax(0,1fr);align-items:start;display:grid}.app.no-side{grid-template-columns:minmax(0,1fr)}.app>.shelf,.app>.ws{grid-column:-2;min-width:0}.ws{gap:var(--sp-5);padding:var(--sp-5);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;max-width:1400px;margin:0 auto;display:grid}.ws.with-panel{grid-template-columns:minmax(0,1fr) 320px}.side{gap:var(--sp-3);height:calc(100vh - 56px);padding:var(--sp-4) var(--sp-3) var(--sp-5);border-right:1px solid var(--line);background:var(--surface);align-content:start;display:grid;position:sticky;top:56px;overflow-y:auto}.side[hidden]{display:none}.nav{gap:1px;display:grid}.nav-row{align-items:center;gap:2px;display:flex}.nav-row .grow{flex:1;min-width:0}.nav-item{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-1);color:var(--ink);font:var(--text-body);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:500;text-decoration:none;display:flex}.nav-item[aria-pressed=true]{background:var(--surface-2)}@media (hover:hover){.nav-item:hover{background:var(--surface-2)}}.nav-item[aria-current=page]{background:var(--surface-2);box-shadow:inset 3px 0 var(--ink);font-weight:700}.nav-item .meta{font:var(--text-micro);color:var(--ink-2);font-weight:400}.binder{gap:var(--sp-2);display:grid}.binder[hidden]{display:none}.binder-work{gap:var(--sp-1);display:grid}.binder-back{margin-left:calc(-1 * var(--sp-3));justify-self:start}.binder-title-row{align-items:center;gap:var(--sp-1);display:flex}.binder-title{text-align:left;min-width:0;padding:var(--sp-1) 0;font:var(--text-title);color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;overflow:hidden}.binder-title:hover{text-underline-offset:3px;text-decoration:underline}.binder-stats{margin:0}.select-sm{min-height:32px;padding:var(--sp-1) var(--sp-2);font:var(--text-small)}.binder-head{padding-top:var(--sp-2);border-top:1px solid var(--line);font:var(--text-small);color:var(--ink-2);justify-content:space-between;align-items:center;font-weight:600;display:flex}.tree{gap:1px;margin:0;padding:0;list-style:none;display:grid}.tree-group{align-items:center;gap:var(--sp-1);min-height:32px;padding:0 var(--sp-2);font:var(--text-small);color:var(--ink-2);font-weight:600;display:flex}.tree-group .grow{flex:1}.tree-group .meta{font:var(--text-micro);color:var(--ink-2);font-weight:400}.ep-row{align-items:center;gap:2px;display:flex}.ep-row.in-group .list-item{padding-left:var(--sp-5)}.ep-row .list-item{min-width:0;min-height:40px;padding:0 var(--sp-3);flex:1}.list-item .ep-no{font-variant-numeric:tabular-nums;color:var(--ink-2);flex:none;min-width:2.6em}.list-item[aria-current=page]{box-shadow:inset 3px 0 var(--ink)}.list-item[aria-current=page] .ep-no{color:var(--ink)}.ep-mark{text-align:center;width:1.2em;color:var(--ink-2);flex:none;font-size:11px}.ep-mark.done{color:var(--ok)}.ep-mark.pub{color:var(--accent)}.ep-more{opacity:0;width:32px;min-height:32px;padding:0}.ep-row:hover .ep-more,.ep-more:focus-visible,.ep-more[aria-expanded=true]{opacity:1}.ep-row:has([aria-current=page]) .ep-more{opacity:1}.binder-link{min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-1);color:var(--ink);font:var(--text-body);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.binder-link[aria-pressed=true]{background:var(--surface-2)}@media (hover:hover){.binder-link:hover{background:var(--surface-2)}}.binder-link .meta{font:var(--text-micro);color:var(--ink-2)}.paper{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-6) clamp(24px, 4vw, 56px) 0;gap:var(--sp-4);flex-direction:column;min-height:calc(100vh - 104px);display:flex}.paper>.ep-banner,.ep-head,.editor-wrap,.ms-foot .meter{width:100%;max-width:var(--ms-measure);margin-left:auto;margin-right:auto}.paper:has(#insight:not([hidden])) .ep-head{max-width:none}.ep-banner{flex-wrap:wrap;align-items:center}.ep-banner .grow{flex:1;min-width:200px}.ep-head{align-items:center;gap:var(--sp-2) var(--sp-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ep-label{font:600 22px/1.4 var(--font-ui);color:var(--ink);white-space:nowrap}.ep-title{min-width:0;padding:var(--sp-1) 0;font:600 22px/1.4 var(--font-ui);color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000}.ep-title::placeholder{color:var(--ink-3);font-weight:400}.ep-title:hover{border-bottom-color:var(--line)}.ep-title:focus-visible{border-bottom-color:var(--focus);outline:none}.paper-tabs{gap:var(--sp-2);border-bottom:0}.editor-wrap{flex:1;position:relative}.editor-wrap.is-empty:before{content:"첫 문장을 써 보세요";pointer-events:none;color:var(--ink-3);font-family:var(--ms-font);font-size:var(--ms-size);line-height:var(--ms-leading);position:absolute;top:0;left:0}.ms-foot{padding:var(--sp-2) clamp(24px, 4vw, 56px);background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--r-2) var(--r-2);margin:0 calc(-1*clamp(24px,4vw,56px));position:sticky;bottom:0}.meter-line{align-items:center;gap:var(--sp-1) var(--sp-3);font:var(--text-small);flex-wrap:wrap;display:flex}.meter-line .meter-count{color:var(--ink);font-weight:600}.meter-line .meter-track{flex:1;min-width:80px;height:6px}.meter-line .meter-mark{top:-3px;bottom:-3px}.meter-line .meter-state{color:var(--ink-2)}.panel{gap:var(--sp-3);font:var(--text-small);align-content:start;display:grid}.ws.with-panel .panel{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head .t-title{margin:0;font-size:16px}.note-browse{gap:var(--sp-2);display:grid}.notes-head{gap:var(--sp-2);display:flex}.notes-head .input{min-height:36px;padding:var(--sp-1) var(--sp-3)}.notes-head .btn{flex:none}.note-list{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.note-item{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);color:var(--ink);cursor:pointer;font:var(--text-small);gap:2px;display:grid}.note-item:hover{border-color:var(--line-2)}.note-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.note-snip{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-meta{font:var(--text-micro);color:var(--ink-2)}.note-empty{padding:var(--sp-3) 0}.note-edit{gap:var(--sp-2);display:grid}.note-edit-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.note-body{min-height:46vh;font:400 15px/1.75 var(--font-ui);word-break:keep-all}.menu{left:var(--x,8px);top:var(--y,8px);z-index:var(--z-toast);width:min(260px,100vw - 16px);padding:var(--sp-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-2);display:grid;position:fixed}.menu-item{justify-content:space-between;gap:var(--sp-3);min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-1);color:var(--ink);font:var(--text-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.menu-item.danger{color:var(--bad)}.menu-hint{font:var(--text-micro);color:var(--ink-2)}.menu-item:disabled{color:var(--ink-3);cursor:default;background:0 0}.menu-head{padding:var(--sp-2) var(--sp-3) var(--sp-1);color:var(--ink-2);font:var(--text-small);border-bottom:1px solid var(--line);margin-bottom:var(--sp-1);font-weight:600}li.menu-open>.list-item,li.menu-open{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong,var(--line));border-radius:var(--r-1)}.menu-sep{height:1px;margin:var(--sp-1) 0;background:var(--line)}.dialog{width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.dialog::backdrop{background:#1f1e1b52}.dialog-wide{width:min(720px,100vw - 32px)}.dlg-form{gap:var(--sp-4);margin:0;display:grid}.dlg-form>*+*{margin-top:0}.dlg-end{bottom:calc(-1 * var(--sp-5));padding:var(--sp-3) 0;background:var(--surface);justify-content:flex-end;position:sticky}.dlg-more{border-top:1px solid var(--line);padding-top:var(--sp-3)}.dlg-more summary{cursor:pointer;font:var(--text-body);color:var(--ink);font-weight:600}.dlg-section{gap:var(--sp-4);margin-top:var(--sp-3);display:grid}.field-error:empty{display:none}.steps{gap:var(--sp-1);color:var(--ink-2);margin:0;padding-left:1.4em;display:grid}.diag dl{gap:var(--sp-1) var(--sp-3);font:var(--text-small);grid-template-columns:auto 1fr;margin:0;display:grid}.diag dt{color:var(--ink-2)}.diag dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.diag h4{margin:0}.verify{min-height:1.4em;font:var(--text-small);margin:0}.verify.ok{color:var(--ok)}.verify.bad{color:var(--bad)}.tail{font:var(--text-micro);font-family:var(--font-mono);border-top:1px solid var(--line);max-height:30vh;margin:0;padding:0;list-style:none;overflow-y:auto}.tail li{border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:3px 0;overflow:hidden}.tail .k{width:52px;color:var(--focus);display:inline-block}.fork-list{gap:var(--sp-4);max-height:60vh;display:grid;overflow-y:auto}.fork-item{gap:var(--sp-2);justify-items:start;display:grid}.fork-item p{margin:0}.fork-text{width:100%;max-height:30vh;padding:var(--sp-3);background:var(--surface-2);border-radius:var(--r-2);white-space:pre-wrap;word-break:keep-all;font-family:var(--ms-font);-webkit-user-select:text;user-select:text;line-height:1.8;overflow-y:auto}.link-area{gap:var(--sp-3);text-align:center;justify-items:center;display:grid}.link-area canvas{width:200px;height:200px;image-rendering:pixelated;border-radius:var(--r-2);background:#fff;padding:8px}.link-code{font:600 15px/1.5 var(--font-mono);letter-spacing:.03em;-webkit-user-select:all;user-select:all;word-break:break-all}.device-row{align-items:center;gap:var(--sp-2);min-height:44px;display:flex}.device-row .grow{flex:1}.imp-list{border:1px solid var(--line);border-radius:var(--r-2);max-height:40vh;padding:var(--sp-1);overflow-y:auto}.imp-list li{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) var(--sp-2);font:var(--text-small);display:flex}.imp-list .meta{color:var(--ink-2);font-variant-numeric:tabular-nums}.gate-card{gap:var(--sp-3);width:min(440px,100%);box-shadow:var(--shadow-2);display:grid}.gate-card>*+*{margin-top:0}.gate-card p{margin:0}.gate-pw{gap:var(--sp-2);display:grid}details summary{cursor:pointer;color:var(--ink-2)}details .gate-pw{margin-top:var(--sp-2)}.gate-step{font:var(--text-micro);color:var(--ink-2);letter-spacing:.02em}.insight{gap:var(--sp-4);padding-bottom:var(--sp-5);display:grid}.insight-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.insight-head .t-title,.insight>p{margin:0}.shelf{max-width:1280px;padding:var(--sp-5);gap:var(--sp-5);margin:0 auto;display:grid}.shelf-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.shelf-head .t-display{margin:0}.shelf-tools{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.shelf-tools .select{width:auto;min-height:40px}.first-work{gap:var(--sp-3);max-width:560px;display:grid}.first-work>*+*{margin-top:0}.first-work p{margin:0}.shelf-resume{flex-wrap:wrap;align-items:center}.shelf-resume .grow{flex:1;min-width:200px}.shelf-rows{gap:var(--sp-6);display:grid}.shelf-row h3{font:var(--text-title);margin:0 0 var(--sp-3);gap:var(--sp-2);align-items:baseline;display:flex}.shelf-row h3 .t-small{color:var(--ink-2)}.shelf-grid{gap:var(--sp-5) var(--sp-4);padding-bottom:var(--sp-4);border-bottom:6px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));display:grid}.book{gap:var(--sp-2);align-content:start;display:grid;position:relative}.book-open{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:block}.cover{aspect-ratio:3/4.2;padding:var(--sp-4) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--cover-bg);color:var(--cover-ink);box-shadow:var(--shadow-1), inset 6px 0 0 #00000024, inset 7px 0 0 #ffffff14;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border-radius:3px 8px 8px 3px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.book-open:hover .cover,.book-open:focus-visible .cover{box-shadow:var(--shadow-2), inset 6px 0 0 #00000024;transform:translateY(-3px)}.cover-title{font:700 19px/1.35 var(--font-serif);word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cover-genre{font:var(--text-micro);opacity:.85}.cover-foot{justify-content:space-between;align-items:end;gap:var(--sp-2);font:var(--text-micro);opacity:.9;display:flex}.cover-seal{width:24px;height:24px;font:700 10px/1 var(--font-serif);border:1.5px solid;border-radius:4px;place-items:center;display:inline-grid}.book-meta{font:var(--text-small);gap:2px;display:grid}.book-meta .t1{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.book-meta .t2{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-meta .t3{color:var(--ink-2);font:var(--text-micro);font-variant-numeric:tabular-nums}.book-more{top:var(--sp-1);right:var(--sp-1);color:#fff;background:#00000038;border:0;width:32px;min-height:32px;padding:0;position:absolute}.shelf-row.archived .cover{filter:grayscale(.6);opacity:.75}.swatches{gap:var(--sp-2);flex-wrap:wrap;display:flex}.swatch{cursor:pointer;background:var(--sw);border:2px solid #0000;border-radius:2px 5px 5px 2px;width:32px;height:40px;box-shadow:inset 3px 0 #00000026}.swatch[aria-checked=true]{outline:2px solid var(--focus);outline-offset:2px}.swatch-auto{width:auto;padding:0 var(--sp-2);background:var(--surface-2);color:var(--ink-2);font:var(--text-micro);box-shadow:none}@media (max-width:1100px) and (min-width:761px){.app{grid-template-columns:232px minmax(0,1fr)}.app.no-side,.ws.with-panel{grid-template-columns:minmax(0,1fr)}.ws.with-panel .panel{width:360px;max-height:none;padding:var(--sp-4);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-2);z-index:calc(var(--z-overlay) - 1);position:fixed;top:56px;bottom:0;right:0}}@media (max-width:760px){.top{min-height:56px;padding:var(--sp-1) var(--sp-2)}.brand,.crumb .sep{display:none}.crumb{flex-direction:column;align-items:flex-start;gap:0;line-height:1.25}.crumb #crumb-work{font:var(--text-micro);color:var(--ink-2)}.crumb #crumb-ep{font:600 15px/1.3 var(--font-ui)}.save-state{font:var(--text-micro)}.app,.app.no-side{display:block}.ws,.ws.with-panel{padding:0;display:block}body[data-view=ms] .side,body[data-view=ms] .panel,body[data-view=toc] .paper,body[data-view=toc] .panel,body[data-view=toc] .shelf,body[data-view=notes] .paper,body[data-view=notes] .side{display:none}body[data-view=toc] .side{height:auto;max-height:none;padding:var(--sp-4);border:0;position:static;display:grid!important}body[data-view=notes] .panel{max-height:none;padding:var(--sp-4);position:static;display:grid!important}body:not([data-view=ms]) #btn-side,body:not([data-view=ms]) #btn-notes,.panel-head #panel-close{display:none}.paper{min-height:calc(100dvh - 56px);padding:var(--sp-4) 20px 0;gap:var(--sp-3);border:0;border-radius:0}.ep-head{grid-template-columns:auto minmax(0,1fr)}.ep-head .paper-tabs{grid-column:1/-1}.ep-label,.ep-title{font-size:18px}.ms-foot{padding:var(--sp-2) 20px calc(var(--sp-2) + env(safe-area-inset-bottom));border-radius:0;margin:0 -20px}.meter-line .meter-basis,.meter-line .meter-goal{display:none}.shelf{padding:var(--sp-4) var(--sp-3)}.shelf-grid{gap:var(--sp-4) var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.cover-title{font-size:16px}.menu{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;top:auto!important;left:8px!important}.menu-item{min-height:48px}.dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--sp-4)}}.cal-day.today .cal-n{background:var(--surface);color:var(--ink);border-radius:3px;padding:0 3px;font-weight:700}.cal-bar{min-height:24px}.check{min-height:28px}.binder-title{min-height:32px}@media (pointer:coarse){.ep-row .list-item,.binder-link,.binder-title,.ep-title,.tree-group{min-height:44px}.ep-more{opacity:1;width:44px;min-height:44px}.btn-icon.btn-sm{width:44px;min-height:44px}}.cover.has-img{background:var(--cover-img) center / cover no-repeat, var(--cover-bg)}.cover.has-img>div:first-child,.cover.has-img .cover-foot>span:first-child{visibility:hidden}.cover-pick{gap:var(--sp-3);align-items:flex-start;display:flex}.cover-thumb{aspect-ratio:3/4.2;background:var(--cover-img,none) center / cover no-repeat, var(--cover-bg,var(--surface-2));border-radius:2px 5px 5px 2px;flex:none;width:72px;box-shadow:inset 3px 0 #00000026}.cover-pick-btns{gap:var(--sp-2);justify-items:start;display:grid}.cover-pick-btns .field-hint{margin:0}.field-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.days{margin-top:var(--sp-1);gap:2px;display:flex}.days button{border:1px solid var(--line-2);background:var(--surface);min-height:36px;color:var(--ink-2);font:var(--text-small);cursor:pointer;flex:1}.days button:first-child{border-radius:var(--r-1) 0 0 var(--r-1)}.days button:last-child{border-radius:0 var(--r-1) var(--r-1) 0}.days button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}@media (pointer:coarse){.days button{min-height:44px}}.dash{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dash-wide{grid-column:1/-1}.dash-card{gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);align-content:start;display:grid}.dash-card>*+*{margin-top:0}.dash-h{font:var(--text-small);color:var(--ink-2);margin:0;font-weight:600}.dash-big{align-items:baseline;gap:var(--sp-1);display:flex}.dash-num{font:700 36px/1.1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink)}.dash-unit{font:var(--text-title);color:var(--ink-2)}.dash-sub{font:var(--text-small);color:var(--ink-2);margin:0}.dash-sub.warn{color:var(--warn);font-weight:600}.dash-rest{margin:0}.dash-bars{gap:var(--sp-2);grid-template-columns:repeat(7,1fr);align-items:end;height:96px;display:grid}.dash-bar{text-align:center;height:100%;font:var(--text-micro);color:var(--ink-2);grid-template-rows:1fr auto;gap:4px;display:grid}.dash-bar i{height:max(3px, var(--h,0%));background:color-mix(in srgb, var(--ok) 70%, var(--surface-2));border-radius:3px 3px 0 0;align-self:end}.dash-bar.today span{color:var(--ink);font-weight:700}.dash-row{gap:var(--sp-1);padding:var(--sp-3) 0;border-top:1px solid var(--line);justify-items:start;display:grid}.dash-row:first-of-type{border-top:0}.dash-row-head{gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;align-items:baseline;display:flex}.dash-work{font:var(--text-body);color:var(--ink);font-weight:600}.dash-dead{font:var(--text-small);color:var(--ink);font-variant-numeric:tabular-nums}.dash-dead.soon{color:var(--bad);font-weight:600}.dash-grass{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(12,1fr);gap:3px;max-width:420px;display:grid}.dash-grass i{aspect-ratio:1;background:var(--surface-2);border-radius:2px}.dash-grass i[data-l="-1"]{background:0 0}.dash-grass i[data-l="1"]{background:color-mix(in srgb, var(--ok) 28%, var(--surface-2))}.dash-grass i[data-l="2"]{background:color-mix(in srgb, var(--ok) 52%, var(--surface-2))}.dash-grass i[data-l="3"]{background:color-mix(in srgb, var(--ok) 76%, var(--surface-2))}.dash-grass i[data-l="4"]{background:var(--ok)}.shelf-books-h{margin:0}.sched-time{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font:var(--text-small);color:var(--ink-2);display:flex}.sched-time .input{width:auto;min-height:36px}@media (max-width:760px){.dash{grid-template-columns:1fr}.dash-card{padding:var(--sp-4)}}.dash-bar.zero i{background:var(--surface-2)}.cover>div:first-child{padding-right:30px}body:has(#ws:not([hidden])) .toasts{bottom:calc(56px + env(safe-area-inset-bottom))}@media (max-width:760px){.paper:not(:has(#insight:not([hidden]))) .paper-tabs{display:none}.shelf-grid{gap:var(--sp-3);grid-template-columns:1fr}.book{align-items:center;gap:var(--sp-3);grid-template-columns:64px minmax(0,1fr) 44px;grid-template-areas:"cover meta more"}.book-open{grid-area:cover}.book-meta{grid-area:meta}.book .cover{border-radius:2px 5px 5px 2px;padding:6px 6px 6px 9px}.book .cover-title{-webkit-line-clamp:4;font-size:11px}.book .cover>div:first-child{padding-right:0}.book .cover-genre,.book .cover-foot{display:none}.book-more{width:44px;min-height:44px;color:var(--ink-2);background:0 0;grid-area:more;position:static}}@media (pointer:coarse){.check,.dlg-more summary{min-height:44px}.dlg-more summary{align-items:center;display:flex}.swatch{min-width:44px;min-height:44px}}.insight-sum{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.insight-sum>div{padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.insight-sum dt{font:var(--text-small);color:var(--ink-2)}.insight-sum dd{font:var(--text-title);font-variant-numeric:tabular-nums;margin:2px 0 0}#heat-empty{align-items:center;gap:var(--sp-3);display:flex}#heat-empty[hidden],#heat-block[hidden]{display:none}.insight-help summary{cursor:pointer;color:var(--ink-2)}.insight-help p{margin:var(--sp-1) 0 0}@media (max-width:560px){.insight-sum{grid-template-columns:1fr 1fr}}.shelf:not([data-page=shelf]) .shelf-tools,.shelf:not([data-page=shelf]) #shelf-rows,.shelf-books-h,.shelf:not([data-page=home]) #shelf-resume,.shelf[data-page=shelf] #dash,.shelf[data-page=home] #dash-sched,.shelf[data-page=sched] #dash-today,.shelf[data-page=sched] #dash-week,.shelf[data-page=sched] #dash-grass,.shelf[data-page=sched] #first-work{display:none}.shelf[data-page=sched] .dash{grid-template-columns:minmax(0,1fr);max-width:880px}@media (min-width:1101px){.ws{max-width:none}.ws.with-panel{grid-template-columns:minmax(0,1fr) 320px;padding-right:0}.ws.with-panel .panel{height:calc(100vh - 56px);max-height:none;margin-top:calc(-1 * var(--sp-5));padding:var(--sp-4);background:var(--surface);border-left:1px solid var(--line);position:sticky;top:56px;overflow-y:auto}}.panel-head{gap:var(--sp-2)}.panel-tabs{border-bottom:0;flex:1}.pane{gap:var(--sp-3);align-content:start;display:grid}.pane[hidden]{display:none}.pane-title{font:var(--text-title);margin:0;font-size:16px}.pi-list{gap:0;margin:0;display:grid}.pi-list>div{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--line);display:flex}.pi-list dt{color:var(--ink-2)}.pi-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}#btn-notes[aria-expanded=true]{background:var(--surface-2)}.nav-trash{margin-top:var(--sp-3);border-top:1px solid var(--line);border-radius:0 0 var(--r-1) var(--r-1)}.shelf:not([data-page=trash]) #trash-page,.shelf[data-page=trash] #dash,.shelf[data-page=trash] #shelf-resume,.shelf[data-page=trash] #first-work{display:none}.trash-page{gap:var(--sp-3);max-width:720px;display:grid}.trash-page p{margin:0}.trash-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);margin:0;padding:0;list-style:none}.trash-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.trash-row+.trash-row{border-top:1px solid var(--line)}.trash-row .grow{flex:1;min-width:0}.trash-row .t1{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.trash-row .t2{font:var(--text-small);color:var(--ink-2)}body[data-mode=work] .nav-global,body[data-mode=home] .binder{display:none}.nav-back{color:var(--ink-2);font:var(--text-small);min-height:32px;margin-left:calc(-1 * var(--sp-1));justify-self:start}.binder-links{padding:var(--sp-1) 0;border-top:1px solid var(--line)}.binder-links .nav-item{min-height:36px;font:var(--text-small);font-weight:500}.input-sm{min-height:32px;padding:var(--sp-1) var(--sp-2);font:var(--text-small)}.ep-find{width:100%}.tree-fold{align-items:center;gap:var(--sp-1);min-height:32px;color:var(--ink-2);font:var(--text-small);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;font-weight:600;display:flex}.tree-fold-icon{flex:none;justify-content:center;width:20px}.tree-block .meta{white-space:nowrap}.tree-empty{padding:var(--sp-2) var(--sp-3);list-style:none}@media (pointer:coarse){.tree-fold,.input-sm{min-height:44px}}.panel-tabs{gap:var(--sp-3);overflow-x:auto}.panel-tabs .tab{white-space:nowrap}.pr-body{font:15px/1.85 var(--ms-font,var(--font-serif));color:var(--ink);max-height:calc(100vh - 200px);padding-right:var(--sp-1);overflow-y:auto}.pr-body p{min-height:1em;margin:0 0 .2em}.pr-break{text-align:center;color:var(--ink-2)}.pp-frame{border:8px solid var(--ink);background:var(--ink);border-radius:26px;overflow:hidden;container-type:inline-size}.pp-screen{--pp-bg:#fff;--pp-ink:#222;--u:calc(100cqw / 360);background:var(--pp-bg);color:var(--pp-ink);height:min(560px,100vh - 260px);padding:calc(var(--u) * 20) calc(var(--u) * 16);font-family:Pretendard,system-ui,sans-serif;font-size:calc(var(--u) * 16);line-height:1.8;overflow-y:auto}.pp-screen.dark{--pp-bg:#121212;--pp-ink:#d6d6d6}.pp-screen h4{margin:0 0 1em;font-size:1.06em}.pp-screen p{word-break:keep-all;overflow-wrap:anywhere;margin:0 0 1em}