.wb-panel{background:0 0;width:100%;height:100%;min-height:0;padding-top:78px}.wb-scroll{height:100%;padding:clamp(22px,3.5vw,44px) clamp(24px,4.5vw,60px) 60px;overflow-y:auto}.wb-board{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;max-width:1040px;margin:0 auto 30px;display:grid}.wb-main,.wb-side{flex-direction:column;gap:16px;min-width:0;display:flex}.wb-hi{padding:4px 2px 0}.wb-hi h2{margin:0 0 6px;font-family:Georgia,serif;font-size:clamp(21px,2.4vw,25px);font-weight:400}.wb-hi p{color:var(--muted);letter-spacing:.12em;margin:0;font-size:11.5px}.wb-hi small{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.17em;margin-top:8px;font-size:8px;display:block}.wb-drop{border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 82%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--sheen) 60%,transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 5px 4px 16px;transition:all .18s;display:flex}.wb-drop:focus-within{border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.wb-drop input{min-width:0;color:var(--ink);letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;font-size:12.5px}.wb-drop input::placeholder{color:var(--faint)}.wb-drop button{width:34px;height:34px;color:var(--accent);background:0 0;border:0;place-items:center;transition:all .18s;display:grid}.wb-drop button:hover{color:var(--accent-deep);transform:translateY(-1px)}.wb-drop button:disabled{color:var(--faint);transform:none}.wb-hero{border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 82%,transparent);box-shadow:0 12px 34px color-mix(in srgb,var(--shade) 7%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 60%,transparent);border-radius:20px;gap:16px;padding:14px;display:flex}.wb-art{background:radial-gradient(120% 120% at 22% 16%, #ffffff80, transparent 55%), linear-gradient(145deg, var(--rose-mist-1), var(--rose-mist-2));opacity:.75;background-position:50%;background-size:cover;border-radius:15px;flex:none;width:128px;min-height:104px}.wb-hero-body{flex-direction:column;flex:1;min-width:0;padding:3px 4px 2px 0;display:flex}.wb-hero-label{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.wb-hero-label small{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.17em;font-size:8px}.wb-hero-label span{color:var(--faint);letter-spacing:.06em;font-size:10.5px}.wb-call{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;width:100%;padding:0;transition:all .18s;display:flex}.wb-call b{color:var(--ink);font-family:Georgia,serif;font-size:15.5px;font-weight:400;transition:all .18s}.wb-call:hover b{color:var(--accent-deep)}.wb-call i{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-style:normal;line-height:1.55;display:-webkit-box;overflow:hidden}.wb-hero-quiet{color:var(--muted);letter-spacing:.03em;margin:2px 0 0;font-size:12px}.wb-hero-foot{align-items:center;gap:9px;margin-top:auto;padding-top:9px;display:flex}.wb-next{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono),monospace;letter-spacing:.14em;background:0 0;border-radius:999px;padding:2px 10px;font-size:8px;transition:all .18s}.wb-next:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.wb-hero-foot small{color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.14em;font-size:8px}.wb-tiles-label{align-items:baseline;gap:8px;margin:2px 4px -6px;display:flex}.wb-tiles-label small{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.17em;font-size:8px}.wb-tiles-label span{color:var(--faint);letter-spacing:.06em;font-size:10.5px}.wb-tiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.wb-tile{border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 82%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--sheen) 60%,transparent);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 13px 10px;transition:all .18s;display:flex}.wb-tile:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--shade) 8%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 60%,transparent);transform:translateY(-2px)}.wb-tile b{color:var(--ink);letter-spacing:.02em;font-size:11.5px;font-weight:600}.wb-tile small{color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.17em;font-size:7.5px}.wb-tile-face{border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.wb-tile-face.is-t1{color:#a96b82;background:#cb94a733}.wb-tile-face.is-t2{color:#7d6cab;background:#a898cf2e}.wb-tile-face.is-t3{color:#5f8f6e;background:#8fb89b2e}.wb-tile-face.is-t4{color:#b0824a;background:#d8a87829}.wb-card{border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 82%,transparent);min-width:0;box-shadow:0 12px 34px color-mix(in srgb,var(--shade) 7%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 60%,transparent);border-radius:18px;padding:14px 16px 13px}.wb-card-head{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.wb-card-head small{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.17em;font-size:8px}.wb-card-head span{color:var(--faint);letter-spacing:.06em;font-size:10.5px}.wb-recent{margin:0;padding:0;list-style:none}.wb-recent li+li{border-top:1px solid var(--soft-line)}.wb-recent button{text-align:left;background:0 0;border:0;flex-direction:column;gap:3px;width:100%;padding:8px 2px;transition:all .18s;display:flex}.wb-recent button:hover b{color:var(--accent-deep)}.wb-recent b{color:var(--ink);font-size:12.5px;font-weight:600;transition:all .18s}.wb-recent i{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;font-style:normal;line-height:1.55;display:-webkit-box;overflow:hidden}.wb-ledger-empty{color:var(--faint);letter-spacing:.04em;margin:6px 0 4px;font-size:11.5px}.wb-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.wb-tab{border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 82%,transparent);color:var(--ink-soft);letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:3.5px 11px;font-size:11px;transition:all .18s;display:inline-flex}.wb-tab:hover{border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.wb-tab.is-picked{background:var(--rose);color:#fff;border-color:#0000;padding:2.5px 10px}.wb-tab i{font-style:normal;font-family:var(--font-mono),monospace;letter-spacing:.08em;opacity:.75;font-size:8.5px}.wb-tab-note{color:var(--faint);letter-spacing:.04em;margin:0 2px 2px;font-size:10.5px}.wb-rows{margin:0 -6px}.wb-row+.wb-row{border-top:1px solid var(--soft-line)}.wb-row-head{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;padding:10px 6px;transition:all .18s;display:flex}.wb-row-head:hover{background:color-mix(in srgb,var(--rose) 6%,transparent)}.wb-pager{border-top:1px solid var(--soft-line);justify-content:center;align-items:center;gap:10px;margin-top:4px;padding-top:9px;display:flex}.wb-pager button{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);background:0 0;border-radius:999px;place-items:center;transition:all .18s;display:grid}.wb-pager button:hover:not(:disabled){color:var(--accent-deep);border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.wb-pager button:disabled{opacity:.35}.wb-pager span{color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.12em;font-size:8.5px}.wb-row-title{min-width:0;color:var(--ink);flex-wrap:wrap;flex:1;align-items:center;gap:7px;font-size:13px;display:flex}.wb-row-title b{font-weight:600}.wb-row-side{flex:none;align-items:center;gap:7px;display:flex}.wb-row-side time{color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.1em;font-size:8.5px}.wb-row-side svg{color:color-mix(in srgb,var(--ink) 22%,transparent);transition:transform .18s,color .18s}.wb-row.is-open .wb-row-side svg{color:color-mix(in srgb,var(--rose) 55%,var(--ink));transform:rotate(180deg)}.wb-due{font-style:normal;font-family:var(--font-mono),monospace;letter-spacing:.1em;border:1px solid var(--soft-line);color:var(--muted);border-radius:999px;padding:1.5px 8px;font-size:8.5px}.wb-due.is-soon{border-color:color-mix(in srgb,var(--rose) 36%,var(--line));background:color-mix(in srgb,var(--rose) 8%,transparent);color:var(--accent-deep)}.wb-due.is-hot{border-color:color-mix(in srgb,var(--danger-deep) 45%,transparent);background:color-mix(in srgb,var(--danger-deep) 9%,transparent);color:var(--danger-deep)}.wb-owner{border:1px solid var(--soft-line);color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:1.5px 8px;font-size:9.5px;font-style:normal}.wb-detail{padding:0 6px 12px}.wb-progress{color:var(--ink-soft);margin:0 0 8px;font-size:12px;line-height:1.6}.wb-detail-text{border:1px solid var(--soft-line);background:color-mix(in srgb,var(--glass) 60%,transparent);color:var(--ink-letter);white-space:pre-wrap;-webkit-user-select:text;user-select:text;border-radius:12px;margin:0 0 9px;padding:11px 13px;font-size:12px;line-height:1.7}.wb-detail small{color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.13em;font-size:8px;display:block}.wb-row.is-done .wb-row-title{color:var(--muted)}.wb-row.is-done .wb-row-title svg{color:var(--accent-deep);flex:none}.wb-hb-nav{align-items:center;gap:5px;margin-left:auto;display:flex}.wb-hb-nav>button{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);background:0 0;border-radius:999px;place-items:center;transition:all .18s;display:grid}.wb-hb-nav>button:hover{color:var(--accent-deep);border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.wb-hb-nav b{text-align:center;min-width:86px;color:var(--ink);letter-spacing:.04em;font-family:Georgia,serif;font-size:12.5px;font-weight:400}.wb-hb-nav .wb-hb-today{width:auto;font-family:var(--font-mono),monospace;letter-spacing:.14em;padding:0 9px;font-size:8px}.wb-hb .wb-card-head{flex-wrap:wrap;row-gap:8px}.wb-hb-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.wb-hb-wd{color:var(--faint);letter-spacing:.1em;place-items:center;padding:2px 0 5px;font-size:9px;display:grid}.wb-hb-day{height:36px;color:var(--ink-soft);font-size:11.5px;font-family:var(--font-mono),monospace;background:0 0;border:0;border-radius:11px;place-items:center;transition:all .18s;display:grid;position:relative}.wb-hb-day:hover{background:color-mix(in srgb,var(--rose) 8%,transparent)}.wb-hb-day.is-today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rose) 55%,transparent)}.wb-hb-day.is-picked{background:var(--rose);color:#fff}.wb-hb-day i{background:var(--accent-deep);border-radius:999px;width:3.5px;height:3.5px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.wb-hb-day.is-picked i{background:#fff9fc}.wb-hb-sheet{border-top:1px solid var(--soft-line);margin-top:12px;padding-top:12px}.wb-hb-date{color:var(--ink);letter-spacing:.04em;margin-bottom:4px;font-family:Georgia,serif;font-size:12.5px}.wb-hb-quiet{color:var(--faint);letter-spacing:.04em;margin:10px 0 4px;font-size:11.5px}.wb-hb-ev+.wb-hb-ev{border-top:1px solid var(--soft-line)}.wb-hb-ev-head{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;width:100%;padding:9px 2px;transition:all .18s;display:flex}.wb-hb-ev-head:hover{background:color-mix(in srgb,var(--rose) 6%,transparent)}.wb-hb-ev-head b{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.wb-hb-ev-side{flex:none;align-items:center;gap:5px;display:flex}.wb-hb-ev-side svg:last-child{color:color-mix(in srgb,var(--ink) 22%,transparent);transition:transform .18s,color .18s}.wb-hb-ev.is-open .wb-hb-ev-side svg:last-child{color:color-mix(in srgb,var(--rose) 55%,var(--ink));transform:rotate(180deg)}.wb-hb-ev-side svg:not(:last-child){color:var(--accent-deep)}.wb-hb-ev-body{padding:0 2px 10px}.wb-hb-kind{letter-spacing:.06em;border:1px solid var(--soft-line);color:var(--muted);border-radius:999px;flex:none;padding:1.5px 8px;font-size:9.5px;font-style:normal}.wb-hb-kind.is-done{border-color:color-mix(in srgb,var(--rose) 36%,var(--line));background:color-mix(in srgb,var(--rose) 10%,transparent);color:var(--accent-deep)}.wb-hb-kind.is-progress{border-color:var(--line);color:var(--ink-soft)}.wb-hb-ev-text{color:var(--ink-soft);margin:4px 0 0;font-size:11.5px;line-height:1.6}.wb-note{border:0;border-left:2px solid color-mix(in srgb,var(--rose) 45%,transparent);background:color-mix(in srgb,var(--glass) 55%,transparent);width:100%;color:var(--ink-letter);text-align:left;white-space:pre-wrap;-webkit-user-select:text;user-select:text;border-radius:0 10px 10px 0;margin-top:7px;padding:8px 11px;font-family:Georgia,Times New Roman,serif;font-size:12px;line-height:1.7;transition:all .18s;display:block}.wb-note:hover{background:color-mix(in srgb,var(--rose) 7%,transparent)}.wb-note-add{color:var(--faint);letter-spacing:.04em;text-align:left;background:0 0;border:0;margin-top:5px;padding:2px 0;font-size:11px;transition:all .18s;display:block}.wb-note-add:hover{color:var(--accent-deep)}.wb-note-edit{align-items:flex-end;gap:7px;margin-top:7px;display:flex}.wb-note-edit textarea{border:1px solid var(--line);background:color-mix(in srgb,var(--glass) 70%,transparent);min-width:0;min-height:54px;color:var(--ink);resize:vertical;border-radius:11px;outline:none;flex:1;padding:8px 11px;font-size:12.5px;line-height:1.6;transition:all .18s}.wb-note-edit textarea:focus{border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.wb-note-save{border:1px solid color-mix(in srgb,var(--rose) 70%,transparent);background:var(--rose);color:#fff9fc;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;transition:all .18s;display:grid;box-shadow:inset 0 1px #fff6}.wb-note-save:hover{background:var(--rose-deep)}.wb-note-save:disabled{opacity:.55}@media (max-width:1000px){.wb-board{grid-template-columns:1fr;max-width:760px}}@media (max-width:760px){.wb-panel{padding-top:64px}.wb-scroll{padding:20px 16px 40px}.wb-hero{flex-direction:column;gap:12px}.wb-art{width:100%;min-height:76px}.wb-row-head{padding:10px 5px}.wb-detail{padding:0 5px 12px}.wb-drop input,.wb-note-edit textarea{font-size:16px}.wb-hb-day{border-radius:9px;height:34px}.wb-hb-nav b{min-width:78px}}.rw-board{flex-direction:column;gap:12px;display:flex}.rw-label{align-items:baseline;gap:8px;margin:0 2px;display:flex}.rw-label small{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.17em;font-size:8px}.rw-label span{color:var(--faint);letter-spacing:.06em;font-size:10.5px}.rw-quiet{color:var(--faint);letter-spacing:.04em;margin:2px 2px 0;font-size:11.5px}.rw-foot{color:var(--faint);letter-spacing:.04em;margin:6px 2px 0;font-size:10.5px}.rw-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rw-tile{border:1px solid var(--soft-line);background:var(--glass);min-height:124px;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--shade) 7%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 55%,transparent);border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;padding:11px 12px;transition:transform .16s,border-color .16s;display:flex}.rw-tile:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.rw-tile:active{transform:scale(.985)}.rw-tile:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.rw-tile-hd{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.rw-tile-hd small{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.16em;white-space:nowrap;text-overflow:ellipsis;font-size:7.5px;overflow:hidden}.rw-tile-hd em{color:var(--faint);font-style:normal;font-family:var(--font-mono),monospace;font-variant-numeric:tabular-nums;font-size:8.5px}.rw-tile b{color:var(--ink);font-family:Georgia,serif;font-size:15px;font-weight:500}.rw-tile-peek{color:var(--ink-letter);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.rw-tile-line{color:var(--faint);font-size:10px;line-height:1.55}.rw-minical{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:2px;display:grid}.rw-minical i{background:var(--soft-line);border-radius:2.5px;height:8px}.rw-minical i.is-blank{background:0 0}.rw-minical i.is-letter{background:var(--accent-soft)}.rw-minical i.is-today{background:var(--accent)}.rw-stickies{gap:8px;margin-top:4px;display:flex}.rw-stickies i.fridge-note{border-radius:7px;width:34px;height:34px;margin:0;padding:0}.rw-back{border:1px solid var(--soft-line);color:var(--muted);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:10.5px;display:inline-flex}.rw-back:hover{color:var(--accent-deep)}.rw-chips{flex-wrap:wrap;gap:6px;display:flex}.rw-chip{border:1px solid var(--line);background:var(--glass);color:var(--muted);letter-spacing:.03em;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:11px}.rw-chip.is-on{background:var(--accent);color:#fff9fc;border-color:#0000}.rw-pager{font-family:var(--font-mono),monospace;letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:16px;padding:2px 0;font-size:10px;display:flex}.rw-pager>button{border:1px solid var(--line);width:28px;height:28px;color:var(--accent-deep);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;display:grid}.rw-pager>button:disabled{opacity:.3;cursor:default}.rw-tile.is-wide{grid-column:1/-1;min-height:0}.rw-tile.is-wide .rw-tile-peek{-webkit-line-clamp:2}.diary-roll{flex-direction:column;gap:10px;display:flex}.diary-page{border:1px solid var(--soft-line);background:color-mix(in srgb,var(--glass) 70%,#fffaf2 30%);box-shadow:0 6px 16px color-mix(in srgb,var(--shade) 7%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 55%,transparent);border-radius:14px;flex-direction:column;gap:7px;padding:13px 15px 12px;display:flex}.diary-page.is-locked{text-align:center;background:var(--glass);align-items:center;padding:16px 14px}.diary-lock{border:1px solid var(--accent-soft);width:32px;height:32px;color:var(--accent-deep);border-radius:999px;place-items:center;display:grid}.diary-stamp{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.diary-stamp span{color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.1em;font-size:8.5px}.diary-head{color:var(--ink);font-family:Georgia,serif;font-size:15px;font-weight:500}.diary-text{color:var(--ink-letter);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;font-size:12.5px;line-height:1.9}.diary-text.is-folded{-webkit-line-clamp:7;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.diary-more{color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.08em;cursor:pointer;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:0 0;align-self:flex-start;padding:0;font-size:9px}.fridge-wall{columns:200px;column-gap:11px}.fridge-note{break-inside:avoid;border:1px solid var(--soft-line);box-shadow:0 6px 16px color-mix(in srgb,var(--shade) 7%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 55%,transparent);color:var(--ink-letter);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:12px;margin:0 0 11px;padding:12px 13px;font-size:12.5px;line-height:1.65}.fridge-note.is-rose{background:color-mix(in srgb,#cb94a7 22%,var(--glass))}.fridge-note.is-butter{background:color-mix(in srgb,#e0bd72 22%,var(--glass))}.fridge-note.is-mint{background:color-mix(in srgb,#8fb89b 20%,var(--glass))}.fridge-note.is-sky{background:color-mix(in srgb,#8fb0cf 20%,var(--glass))}.fridge-note.is-lilac{background:color-mix(in srgb,#a898cf 19%,var(--glass))}.fridge-note.is-peach{background:color-mix(in srgb,#d8a878 20%,var(--glass))}.cam-section{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.cam-roll{flex-direction:column;gap:10px;display:flex}.cam-shot{border:1px solid var(--soft-line);background:var(--glass);box-shadow:0 6px 16px color-mix(in srgb,var(--shade) 7%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 55%,transparent);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.cam-meta{font-family:var(--font-mono),monospace;letter-spacing:.14em;color:var(--faint);align-items:center;gap:8px;font-size:8.5px;display:flex}.cam-tag{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-deep);border-radius:999px;padding:2px 7px}.cam-told{color:var(--accent-deep)}.cam-title{color:var(--ink);letter-spacing:.02em;font-size:12.5px}.cam-note{color:var(--ink-letter);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;font-size:12.5px;line-height:1.65}.cam-link{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--accent-deep);font-family:var(--font-mono),monospace;letter-spacing:.06em;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);align-self:flex-start;font-size:9px;text-decoration:none;overflow:hidden}.cam-foot{justify-content:space-between;align-items:baseline;gap:10px;max-width:100%;display:flex}.cam-foot .cam-link{align-self:auto;min-width:0}.cam-retire{cursor:pointer;color:var(--faint);font-family:var(--font-mono),monospace;letter-spacing:.06em;white-space:nowrap;background:0 0;border:0;margin-left:auto;padding:0;font-size:9px}.cam-retire.is-arming{color:var(--accent-deep);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.cam-more{border:1px solid var(--soft-line);color:var(--faint);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;align-self:center;margin-top:2px;padding:6px 14px;font-size:10.5px}.cap-section{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.cap-bar{font-family:var(--font-mono),monospace;letter-spacing:.29em;color:var(--muted);justify-content:center;align-items:center;gap:18px;padding:2px 0 0;font-size:9px;display:flex}.cap-bar>button{width:24px;height:24px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.cap-bar>button:disabled{opacity:.25;cursor:default}.cap-grid{border:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:var(--glass);box-shadow:0 12px 26px color-mix(in srgb,var(--shade) 8%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 85%,transparent);border-radius:18px;grid-template-columns:repeat(7,1fr);padding:12px 8px 6px;display:grid}.cap-wd{font-family:var(--font-mono),monospace;letter-spacing:1.5px;color:var(--faint);text-align:center;padding-bottom:9px;font-size:6.5px}.cap-day{height:44px;color:var(--ink-soft);font:inherit;cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:1px 0 0;display:flex;position:relative}.cap-day.past{color:var(--faint)}.cap-day.has{color:var(--ink);cursor:pointer}.cap-num{text-align:center;font-variant-numeric:tabular-nums;border-radius:50%;width:22px;height:22px;font-family:Georgia,serif;font-size:12.5px;line-height:22px;transition:background .18s}.cap-day.today .cap-num{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 62%,transparent);color:var(--accent-deep)}.cap-day.has:hover .cap-num,.cap-day.picked .cap-num{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.cap-stack{align-items:center;display:flex}.cap-stack .cap-seal+.cap-seal{margin-left:-4px}.cap-seal{outline:1.5px solid color-mix(in srgb,var(--cream) 95%,transparent);background:radial-gradient(circle at 38% 32%,#ddb0c1 0%,#b87990 48%,#8a526c 100%);border-radius:50%;flex:none;width:9px;height:9px;font-style:normal;display:block;position:relative;box-shadow:inset 0 .6px .6px #ffffff8c,inset 0 -.8px 1px #5a2d4159,0 1px 2px #6c4d5b47}.cap-seal:after{content:"";border:.8px solid #fff9fc66;border-radius:50%;position:absolute;inset:2px}.cap-seal.is-ready{background:radial-gradient(circle at 38% 32%,#f6e8ca 0%,#d6b97e 48%,#a27f38 100%);width:11px;height:11px;animation:2.8s ease-in-out infinite cap-breathe;box-shadow:inset 0 .6px .6px #ffffffbf,inset 0 -.8px 1px #78551e59,0 0 0 3px #c9a86a24,0 0 12px #c9a86a99}.cap-seal.is-ready:after{border-color:#fffcf080}.cap-seal.is-opened{background:color-mix(in srgb,var(--accent-soft) 50%,transparent);box-shadow:none;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.cap-seal.is-opened:after{border-color:color-mix(in srgb,var(--accent) 25%,transparent);inset:1.5px}@keyframes cap-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cap-sheet{border-top:1px solid var(--soft-line);flex-direction:column;gap:14px;margin-top:2px;padding-top:14px;display:flex}.cap-sheet-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cap-sheet-head small{font-family:var(--font-mono),monospace;letter-spacing:.11em;color:var(--faint);font-size:9.5px}.cap-sheet-head h4{color:var(--ink);margin:5px 0 0;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.15}.cap-meta{font-family:var(--font-mono),monospace;letter-spacing:.13em;color:var(--muted);margin-top:6px;font-size:9px}.cap-sheet-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.cap-sheet-close:hover{color:var(--accent-deep);background:color-mix(in srgb,var(--glass) 70%,transparent)}.cap-row{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-start;gap:14px;margin:0 -16px -22px;padding:6px 16px 34px;display:flex;overflow-x:auto}.cap-row::-webkit-scrollbar{display:none}.cap-row>.cap-unit{scroll-snap-align:start;flex:0 0 100%}.cap-dots{justify-content:center;gap:6px;display:flex}.cap-dot{background:color-mix(in srgb,var(--accent) 28%,transparent);border-radius:3px;width:6px;height:6px;transition:width .3s,background .3s;display:block}.cap-dot.on{background:var(--accent);width:16px}.cap-paper{background:color-mix(in srgb,var(--cream) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 75%,transparent);box-shadow:0 12px 26px color-mix(in srgb,var(--shade) 8%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 90%,transparent);border-radius:24px;padding:20px 18px 16px;position:relative;overflow:hidden}.cap-paper.is-ready{cursor:pointer}.cap-paper.is-ready:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.cap-blob{pointer-events:none;opacity:.7;background:linear-gradient(225deg,color-mix(in srgb,var(--accent-soft) 90%,transparent) 0%,color-mix(in srgb,var(--accent-soft) 40%,transparent) 55%,transparent 100%);border-bottom-left-radius:100px;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.cap-blob.small{opacity:.45;background:linear-gradient(45deg,color-mix(in srgb,var(--accent-soft) 90%,transparent) 0%,transparent 100%);border-radius:0 80px 0 0;width:80px;height:80px;inset:auto auto -26px -26px}.cap-head{align-items:flex-start;gap:14px;display:flex;position:relative}.cap-box{width:48px;height:48px;color:var(--on-rose);background:linear-gradient(135deg,var(--accent) 0%,var(--rose-soft) 100%);box-shadow:0 6px 14px color-mix(in srgb,var(--accent-deep) 22%,transparent),inset 0 1px 0 #ffffff59;border-radius:16px;flex:none;place-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .35s;display:grid}.cap-box.locked{background:var(--glass-strong);border:1px solid var(--line);color:var(--muted);box-shadow:0 4px 10px color-mix(in srgb,var(--shade) 6%,transparent)}.cap-box.opening{opacity:0;transform:scale(1.1)rotate(-8deg)}.cap-title{color:var(--ink);padding-top:3px;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.3}.cap-stamp{font-family:var(--font-mono),monospace;letter-spacing:1.4px;color:var(--faint);margin-top:6px;font-size:7.5px}.cap-body{color:var(--muted);letter-spacing:.2px;margin:12px 0 0;font-size:12px;line-height:1.7;position:relative}.cap-foot{border-top:1px solid var(--soft-line);font-family:var(--font-mono),monospace;letter-spacing:1.4px;color:var(--faint);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:8px;display:flex;position:relative}.cap-foot .now{color:var(--accent-deep);align-items:center;gap:7px;display:flex}.cap-foot .now.quiet{color:var(--faint)}.cap-foot .go{color:var(--accent-deep);letter-spacing:2px;align-items:center;gap:6px;font-size:9px;transition:opacity .3s;display:flex}.cap-foot .go.gone{opacity:0}.cap-pulse{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;display:block;position:relative}.cap-pulse:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;animation:1.4s ease-out infinite cap-ping;position:absolute;inset:0}@keyframes cap-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.cap-paper.is-open{text-align:center;padding:26px 22px 18px;animation:.6s both cap-reveal}@keyframes cap-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cap-pill{background:var(--glass);border:1px solid var(--soft-line);font-family:var(--font-mono),monospace;letter-spacing:1.6px;color:var(--muted);border-radius:999px;align-items:center;padding:5px 10px;font-size:7.5px;display:inline-flex;position:relative}.cap-rtitle{color:var(--ink);margin:16px 0 14px;font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.25;position:relative}.cap-rbar{background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:2px;width:48px;height:4px;margin:0 auto 18px}.cap-letter{color:var(--ink-letter);white-space:pre-line;text-align:left;overflow-wrap:anywhere;font-family:Georgia,serif;font-size:15px;line-height:1.8;position:relative}.cap-rfoot{border-top:1px solid var(--soft-line);font-family:var(--font-mono),monospace;letter-spacing:2.4px;color:color-mix(in srgb,var(--accent-deep) 50%,transparent);text-align:center;margin-top:26px;padding-top:14px;font-size:7.5px;position:relative}@media (prefers-reduced-motion:reduce){.cap-seal.is-ready,.cap-pulse:before,.cap-paper.is-open{animation:none}}
.study-room{height:100%;padding:26px 22px 40px;overflow:hidden auto}.study-room.reading{flex-direction:column;padding:0;display:flex;overflow:hidden}.study-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;color:var(--accent-deep);font-size:9px}.study-slip{color:var(--muted);margin:8px 2px;font-size:12px}.study-sig{text-align:right;color:var(--muted);font-family:Songti SC,Noto Serif SC,serif;font-size:11.5px;display:block}.study-head{margin:4px 4px 20px}.study-sub{font-family:var(--font-mono);letter-spacing:.22em;color:var(--faint);font-size:8.5px}.study-head h1{align-items:baseline;gap:10px;margin:6px 0 0;font-size:26px;font-weight:500;display:flex}.study-head h1 span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted);font-size:9px;font-weight:400}.study-shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;max-width:720px;display:grid}.study-bookcard{text-align:left;background:0 0;border:0;flex-direction:column;gap:9px;padding:0;display:flex}.study-cover{aspect-ratio:3/4.1;border:1px solid color-mix(in srgb, var(--sheen) 55%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sheen) 70%, transparent), 0 10px 26px color-mix(in srgb, var(--shade) 14%, transparent);border-radius:16px;position:relative;overflow:hidden}.study-cover.tint-douceur{background:linear-gradient(152deg,#ecd3d9 0%,#dcb9c3 58%,#d0a9b6 100%)}.study-cover.tint-mist{background:linear-gradient(152deg,#dbe4e3 0%,#c6d4d1 58%,#b8c9c6 100%)}.study-cover.tint-honey{background:linear-gradient(152deg,#f0e2c8 0%,#e6d2ab 58%,#dcc79c 100%)}.study-cover.tint-lilac{background:linear-gradient(152deg,#e2d8ea 0%,#cfc0dd 58%,#c2b1d3 100%)}.study-coverart{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.study-pearl{background:radial-gradient(circle at 34% 30%,#fff,#f2e2e8 70%);border-radius:50%;width:9px;height:9px;position:absolute;top:13px;left:13px;box-shadow:0 1px 4px #3c283240}.study-vtitle{writing-mode:vertical-rl;letter-spacing:.32em;color:#3c2c34d1;font-family:Songti SC,Noto Serif SC,serif;font-size:15px;font-style:normal;position:absolute;top:32px;right:15px}.study-vtitle.latin{writing-mode:horizontal-tb;letter-spacing:.02em;font-family:Palatino,Georgia,serif;font-size:12.5px;font-style:italic;line-height:1.45;inset:auto 13px 16px}.study-reader{color:#fff;background:linear-gradient(145deg,#a9b8c6,#8fa2b4);border:1.5px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:Songti SC,serif;font-size:11px;font-style:normal;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #3c28324d}.study-bmeta{padding:0 3px;display:block}.study-bmeta b{letter-spacing:.02em;color:var(--ink);font-size:13px;font-weight:700;display:block}.study-bmeta b.latin{font-family:Palatino,Georgia,serif;font-size:13.5px;font-style:italic;font-weight:400}.study-bmeta small{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);margin-top:3px;font-size:8.5px;display:block}.study-track{background:color-mix(in srgb, var(--line) 80%, transparent);border-radius:2px;height:3px;margin-top:7px;display:block;overflow:hidden}.study-track i{background:linear-gradient(90deg, var(--bubble-self-a), var(--rose));border-radius:2px;height:100%;display:block}.study-newbook{aspect-ratio:3/4.1;border:1.5px dashed color-mix(in srgb, var(--ink-soft) 26%, transparent);color:var(--faint);background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.study-newbook span{font-family:var(--font-mono);letter-spacing:.18em;font-size:8.5px}.study-veil{z-index:60;background:var(--veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.study-picksheet,.study-talksheet{background:var(--panel-card);border-top:1px solid color-mix(in srgb, var(--sheen) 65%, transparent);width:min(560px,100%);max-height:86dvh;box-shadow:0 -18px 60px color-mix(in srgb, var(--shade) 20%, transparent);border-radius:26px 26px 0 0;padding:24px 24px 26px;overflow:hidden auto}.study-picksheet h2{margin:5px 0 20px;font-size:19px;font-weight:500}.study-filecard{border:1px solid var(--soft-line);background:var(--glass);color:var(--accent-deep);border-radius:13px;align-items:center;gap:11px;margin-bottom:20px;padding:11px 14px;display:flex}.study-fname{color:var(--ink);font-family:Songti SC,Noto Serif SC,serif;font-size:13.5px}.study-fname.latin{font-family:Palatino,Georgia,serif;font-style:italic}.study-fkind{font-family:var(--font-mono);letter-spacing:.16em;color:var(--faint);margin-top:2px;font-size:8px}.study-souls{flex-wrap:wrap;justify-content:center;gap:18px;margin:6px 0 24px;display:flex}.study-soul{background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.study-soul i{color:#fff;width:56px;height:56px;box-shadow:inset 0 1px 0 #ffffff80, 0 6px 18px color-mix(in srgb, var(--shade) 18%, transparent);background:linear-gradient(145deg,#c4a68f,#a98a72);border-radius:50%;justify-content:center;align-items:center;font-family:Songti SC,serif;font-size:21px;font-style:normal;display:flex}.study-soul span{color:var(--ink-soft);font-size:10.5px}.study-soul.on i{outline:2.5px solid var(--rose);outline-offset:3px}.study-soul.on span{color:var(--accent-deep);font-weight:700}.study-pickkeys{gap:10px;display:flex}.study-mainkey{background:linear-gradient(135deg, var(--rose), var(--rose-deep));color:var(--on-rose);font-family:var(--font-mono);letter-spacing:.2em;box-shadow:0 10px 26px color-mix(in srgb, var(--rose-deep) 34%, transparent);border:0;border-radius:16px;flex:1;padding:13px;font-size:11px}.study-mainkey:disabled{opacity:.55}.study-ghostkey{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-soft);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:11px 14px;font-size:9.5px;display:inline-flex}.study-ghostkey:disabled{opacity:.4}.study-ghostkey.danger{width:100%;color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);margin-top:14px}.study-bar{align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.study-barkey{color:var(--ink-soft);background:0 0;border:0;padding:6px;display:flex}.study-barname{text-align:center;font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.study-scroll{flex:1;overflow:hidden auto}.study-paper{max-width:620px;margin:0 auto;padding:10px 26px 30px}.study-chapno{font-family:var(--font-mono);letter-spacing:.24em;color:var(--faint);text-align:center;font-size:8.5px}.study-chapname{letter-spacing:.4em;text-align:center;color:var(--ink);margin:7px 0 22px;font-family:Songti SC,Noto Serif SC,serif;font-size:16px}.study-para p{color:var(--ink-letter);-webkit-user-select:text;user-select:text;margin:0 0 4px}.study-paper.zh .study-para p{text-align:justify;text-indent:2em;font-family:Songti SC,Noto Serif SC,serif;font-size:16px;line-height:2.02}.study-paper.en .study-para p{text-align:justify;font-family:Palatino,Georgia,serif;font-size:16.5px;line-height:1.85}.study-star{color:var(--accent);background:0 0;border:0;padding:0 3px;font-size:13px}.study-notecard{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 75%, transparent), color-mix(in srgb, var(--accent-soft) 40%, transparent));border-radius:14px;margin:10px 2px 14px;padding:13px 16px}.study-notecard p{font-family:var(--font-sans), sans-serif;color:var(--ink-letter);text-indent:0;margin:7px 0 6px;font-size:12px;line-height:1.85}.study-threadtrace{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent-deep);background:0 0;border:0;padding:2px 2px 6px;font-size:9px;display:block}.study-chapend{margin-top:28px}.study-endmark{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:0 0 24px;display:flex}.study-endmark i{background:var(--line);width:52px;height:1px}.study-endmark em{letter-spacing:.3em;font-family:Songti SC,Noto Serif SC,serif;font-size:12px;font-style:normal}.study-endmark span{color:var(--accent);font-size:10px}.study-dive{background:var(--cream);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);box-shadow:0 14px 40px color-mix(in srgb, var(--shade) 12%, transparent);border-radius:18px;margin:0 2px;padding:20px 22px 16px;position:relative}.study-dive>span{color:var(--accent);opacity:.85;font-size:9px;position:absolute}.study-dive .c1{top:7px;left:9px}.study-dive .c2{top:7px;right:9px}.study-dive .c3{bottom:7px;left:9px}.study-dive .c4{bottom:7px;right:9px}.study-divemeta{font-family:var(--font-mono);letter-spacing:.14em;color:var(--faint);margin-top:4px;font-size:8px}.study-dive p{color:var(--ink-letter);margin:12px 0 10px;font-size:12.5px;line-height:1.95}.study-flip{justify-content:space-between;gap:10px;margin:22px 0 6px;display:flex}.study-foot{align-items:center;gap:12px;padding:10px 22px 16px;display:flex}.study-foot>span:first-child,.study-foot>span:last-child{font-family:var(--font-mono);letter-spacing:.12em;color:var(--faint);font-size:8.5px}.study-foot .study-track{flex:1;margin:0}.study-selbar{z-index:55;background:var(--cream);border:1px solid var(--soft-line);max-width:min(560px,100vw - 32px);box-shadow:0 10px 30px color-mix(in srgb, var(--shade) 20%, transparent);border-radius:13px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.study-selbar em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-family:Songti SC,Noto Serif SC,serif;font-size:11px;font-style:normal;overflow:hidden}.study-selbar button{color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;padding:8px 10px;font-size:12px}.study-selbar button.pick{color:var(--accent-deep);font-weight:700}.study-toclist{flex-direction:column;max-height:52dvh;margin:14px 0 4px;display:flex;overflow:hidden auto}.study-tocrow{text-align:left;border:0;border-bottom:1px solid var(--soft-line);color:var(--ink-soft);background:0 0;align-items:baseline;gap:10px;padding:10px 4px;display:flex}.study-tocrow .no{font-family:var(--font-mono);letter-spacing:.1em;color:var(--faint);font-size:8.5px}.study-tocrow .tt{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.study-tocrow .rv{color:var(--accent);font-size:10px}.study-tocrow.on .tt{color:var(--accent-deep);font-weight:700}.study-quote{gap:11px;margin:14px 0 16px;display:flex}.study-quote i{background:linear-gradient(180deg, var(--rose), color-mix(in srgb, var(--rose) 25%, transparent));border-radius:2px;width:2.5px}.study-quote p{color:var(--ink-soft);flex:1;margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:12.8px;line-height:1.8}.study-quote p.latin{font-family:Palatino,Georgia,serif;font-style:italic}.study-plate{align-items:center;gap:8px;margin-bottom:10px;display:flex}.study-plate i{color:#fff;background:linear-gradient(145deg,#a9b8c6,#8fa2b4);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:Songti SC,serif;font-size:10.5px;font-style:normal;display:flex}.study-plate b{letter-spacing:.06em;font-family:Songti SC,Noto Serif SC,serif;font-size:12.5px;font-weight:600}.study-msgs{flex-direction:column;gap:9px;min-height:60px;max-height:40dvh;display:flex;overflow:hidden auto}.study-mb{max-width:82%;color:var(--ink-letter);padding:10px 14px;font-size:12.6px;line-height:1.8}.study-mb.his{background:var(--glass-strong);border:1px solid var(--soft-line);border-radius:17px 17px 17px 6px;align-self:flex-start}.study-mb.hers{background:linear-gradient(135deg, var(--bubble-self-a), var(--bubble-self-b));border:1px solid color-mix(in srgb, var(--sheen) 40%, transparent);color:#fff;border-radius:17px 17px 6px;align-self:flex-end}.study-mb.typing{align-items:center;gap:4px;display:flex}.study-mb.typing span{background:var(--muted);opacity:.5;border-radius:50%;width:5px;height:5px;animation:1.2s infinite study-dot}.study-mb.typing span:nth-child(2){animation-delay:.18s}.study-mb.typing span:nth-child(3){animation-delay:.36s}@keyframes study-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}.study-composer{border:1px solid var(--line);background:var(--glass);border-radius:22px;align-items:center;gap:10px;margin-top:16px;padding:8px 8px 8px 16px;display:flex}.study-composer input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12.5px}.study-composer input::placeholder{color:var(--faint);font-style:italic}.study-sendheart{background:linear-gradient(135deg, var(--rose), var(--rose-deep));width:30px;height:30px;color:var(--on-rose);box-shadow:0 6px 16px color-mix(in srgb, var(--rose-deep) 35%, transparent);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.study-sendheart:disabled{opacity:.5}@media (max-width:700px){.study-room{padding:20px 16px 34px}.study-shelf{grid-template-columns:repeat(2,1fr);gap:15px}.study-paper{padding:8px 20px 26px}}.study-think{margin:2px 0 8px}.study-think summary{cursor:pointer;letter-spacing:.12em;color:var(--muted);align-items:center;gap:6px;padding:4px 0;font-family:Songti SC,Noto Serif SC,serif;font-size:11.5px;list-style:none;transition:opacity .12s;display:inline-flex}.study-think summary::-webkit-details-marker{display:none}.study-think summary:active{opacity:.5}.study-think summary span{font-size:10px;transition:transform .2s;display:inline-block}.study-think[open] summary span{transform:rotate(45deg)}.study-think>div{white-space:pre-wrap;color:color-mix(in srgb, var(--ink) 52%, transparent);border-left:1px solid var(--soft-line);-webkit-user-select:text;user-select:text;padding-left:10px;font-size:12px;line-height:1.75}.study-msgs .study-think{align-self:flex-start;max-width:82%}
@media (max-width:760px){.os-frame{display:block}.app-core{width:100%;height:100dvh}.nav-rail{z-index:80;border:1px solid var(--line);background:color-mix(in srgb,var(--glass-strong) 90%,transparent);width:58px;min-height:auto;box-shadow:0 20px 60px color-mix(in srgb,var(--shade) 15%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 90%,transparent);transform-origin:0 0;opacity:0;visibility:hidden;border-radius:18px;padding:12px 8px;transition:all .23s cubic-bezier(.2,.8,.2,1);position:absolute;top:69px;left:12px;transform:translate(-84px)scale(.98)}.nav-rail.mobile-open{opacity:1;visibility:visible;transform:none}.rail-mobile-close,.rail-logo{display:none}.rail-main{margin-top:13px}.rail-bottom{border-top:1px solid var(--soft-line);margin-top:14px;padding-top:12px}.rail-button span,.rail-owner span{display:none}.system-bar{flex-basis:64px;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;height:64px;padding:0 12px;display:grid}.mobile-menu-button{display:grid}.identity-block{justify-self:start;gap:8px;max-width:100%;overflow:hidden}.identity-block .avatar-cluster{transform-origin:0;margin-right:-7px;transform:scale(.82)}.identity-line h1{font-size:15px}.identity-block p{font-size:7px}.theme-popover{width:min(228px,100vw - 16px);position:fixed;top:58px;right:8px}.system-actions{justify-self:end;gap:3px;margin:0}.system-actions .glass-button{border-radius:12px;width:34px;height:34px}.session-trigger{width:34px;height:34px}.workspace{display:block}.letter-stream{width:calc(100% - 28px);padding:90px 0 calc(156px + env(safe-area-inset-bottom,0px))}.day-divider{font-size:8px}.system-message{max-width:92%;line-height:1.5}.incoming-message,.audio-message{grid-template-columns:36px minmax(0,1fr);gap:8px;width:94%}.message-avatar{margin-top:0}.message-avatar .avatar.small{border-radius:50%;width:36px;height:36px;font-size:14px}.audio-message .message-avatar{margin-top:0}.show-self-avatar .outgoing-message{grid-template-columns:minmax(0,1fr) 36px;gap:8px}.show-self-avatar .self-avatar{width:36px;height:36px;margin-top:0;font-size:10px}.letter-glass{border-radius:18px;padding:8.5px 13px}.voice-note,.voice-transcript{width:92%}.voice-transcript{padding:9px 13px}.outgoing-message,.show-self-avatar .outgoing-message{max-width:88%}.user-glass{border-radius:16px;padding:7.5px 12px}.message{-webkit-tap-highlight-color:transparent}.message-action-dock button:after{display:none}.md-copy{opacity:.5;width:25px;height:25px}.md-copy:hover:after,.md-copy:focus-visible:after{opacity:0;transform:translateY(-3px)}.md-copy.is-done:after{opacity:1;transform:translateY(0)}.image-result{border-radius:18px}.action-notice{top:72px}.composer{bottom:calc(24px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px)}.composer-shell{border-radius:18px;padding:10px 8px 8px}.composer-field{padding:0 6px}.composer textarea{height:22px;font-size:14px;line-height:22px}.composer .send-button{width:36px;height:36px}.composer .composer-icon{border-radius:18px;width:36px;height:36px}.model-switch-trigger{max-width:150px}.model-switcher{position:static}.model-popover{width:auto;max-height:min(46dvh,340px);bottom:calc(100% + 8px);left:0;right:0}.composer .optional-action,.composer-foot{display:none}.library-panel{border-radius:23px;width:auto;max-height:76dvh;inset:auto 8px 8px;transform:translateY(calc(100% + 24px))}.library-panel.open{transform:none}.library-panel.thought-sheet{z-index:80;position:fixed}.mobile-scrim.thought-scrim{z-index:75;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:fixed;inset:0}.artifact-studio{z-index:150;top:calc(env(safe-area-inset-top,0px) + 8px);border:1px solid var(--line);background:var(--panel-card);width:auto;height:auto;max-height:none;box-shadow:0 -24px 80px color-mix(in srgb,var(--shade) 18%,transparent),inset 0 1px color-mix(in srgb,var(--sheen) 90%,transparent);-webkit-backdrop-filter:blur(38px)saturate(.9);backdrop-filter:blur(38px)saturate(.9);opacity:0;visibility:hidden;border-radius:23px;flex-direction:column;padding-top:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .23s,visibility .28s;display:flex;position:fixed;bottom:8px;left:8px;right:8px;overflow:hidden;transform:translateY(calc(100% + 24px))}.artifact-studio.is-open{opacity:1;visibility:visible;transform:none}.artifact-studio .artifact-stage{flex:1}.artifact-studio .artifact-frame{height:100%}.studio-scrim{z-index:149;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;padding:0;display:block;position:fixed;inset:0}.mobile-scrim{inset:64px 0 0}.residents-panel{padding-top:64px}.residents-scroll{padding:20px 16px 40px}.chat-start{padding-top:64px}.start-scroll{padding:22px 16px 40px}.start-cards{gap:9px}.start-card b{font-size:17px}.resident-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pet-name{font-size:15px}.pet-photo{font-size:36px}.modal-backdrop{padding:10px}.create-dialog{border-radius:22px;max-height:calc(100dvh - 20px)}.soul-grid{gap:8px 4px}.ai-quick-form{padding:18px 20px 20px}.milk-glass input,.milk-glass textarea,.milk-glass select{font-size:16px}.milk-glass .composer textarea{font-size:14px}.search-box{gap:8px;padding:0 11px}.dive-anchor{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.composer-summons{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.composer-summons::-webkit-scrollbar{display:none}.summon-chip{flex:none}}@media (max-width:430px){.identity-block{gap:7px}.day-divider{letter-spacing:.12em}.voice-note{gap:10px;height:48px;padding:0 10px}.voice-play{width:28px;height:28px}.model-switch-trigger{max-width:128px}.library-panel{padding:20px 16px}.resident-strip{padding-inline:10px}}@media (hover:hover) and (pointer:fine){.system-bar{background:color-mix(in srgb,var(--cream) 58%,transparent);-webkit-backdrop-filter:blur(26px)saturate(.9);backdrop-filter:blur(26px)saturate(.9)}.composer-shell{background:color-mix(in srgb,var(--cream) 86%,transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
