.sidebar-mode-switch{gap:8px;display:grid}.sidebar-mode-button{width:100%;min-height:44px;color:var(--text);text-align:left;background:#ffffffeb;border:1px solid #0f172a1a;border-radius:14px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;transition:background .14s,border-color .14s,transform .12s;display:grid}.sidebar-mode-button:hover{transform:translateY(-1px)}.sidebar-mode-button.is-active{color:#1d4ed8;background:#eff6fffa;border-color:#2563eb38}.sidebar-mode-button__icon{width:32px;height:32px;color:inherit;background:#0f172a0f;border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.study-room-panel{overflow:hidden}.study-room-header{align-items:stretch}.study-room-header>.stack{flex:420px;min-width:min(100%,360px)}.study-room-stat-grid{flex:420px;grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px;min-width:min(100%,420px);display:grid}.study-room-stat-grid>div{background:#f8fafcdb;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:12px;display:flex}.study-room-stat-grid strong{font-size:1.45rem;line-height:1}.segmented-control.study-room-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:fit-content;max-width:100%}.segmented-control.study-room-mode-tabs{grid-template-columns:repeat(4,minmax(104px,1fr));width:fit-content;max-width:100%}.study-room-filter-row{align-items:stretch}.study-room-search{flex:300px;min-width:min(100%,240px)}.study-room-source-select{flex:0 320px;min-width:min(100%,220px)}.study-sentence-list{gap:12px;display:grid}.study-sentence-card{background:#ffffffeb;border:1px solid #0f172a14;border-radius:16px;padding:16px;transition:border-color .14s,box-shadow .14s,transform .12s}.study-sentence-card:hover{border-color:#2563eb2e;transform:translateY(-1px);box-shadow:0 18px 36px #0f172a14}.study-sentence-card.is-difficult{background:linear-gradient(#fffbebf0,#fffffff2);border-color:#d977063d}.study-sentence-card.is-favorite{box-shadow:inset 3px 0 #2563eb61}.study-source-label{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem}.study-sentence-original{overflow-wrap:anywhere;font-size:1.18rem;line-height:1.65}.study-sentence-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-sentence-lines>div{background:#f1f5f9d1;border-radius:14px;min-width:0;padding:12px}.study-sentence-lines p{overflow-wrap:anywhere;margin:4px 0 0;line-height:1.6}.study-sentence-note{color:#1e3a8a;overflow-wrap:anywhere;background:#eff6ffcc;border-radius:12px;margin:0;padding:10px 12px}.badge-danger-soft{color:#92400e;background:#fef3c7e0;border-color:#d9770638}.joyo-kanji-browser{min-width:0}.joyo-kanji-stat-grid{width:100%}.joyo-kanji-grade-select{flex:0 180px;min-width:min(100%,160px)}.joyo-kanji-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.joyo-kanji-card{background:#fffffff0;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:72px minmax(0,1fr);gap:14px;min-width:0;padding:14px;transition:border-color .14s,box-shadow .14s,transform .12s;display:grid}.joyo-kanji-card:hover{border-color:#2563eb2e;transform:translateY(-1px);box-shadow:0 18px 36px #0f172a14}.joyo-kanji-symbol{color:#1e3a8a;background:#eff6ffe6;border-radius:12px;place-items:center;min-height:72px;font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif CJK JP,serif;font-size:3rem;font-weight:700;line-height:1;display:grid}.joyo-kanji-card-body{min-width:0}.joyo-kanji-meaning{overflow-wrap:anywhere;min-width:0;line-height:1.35}.joyo-kanji-reading-list{gap:6px;margin:0;display:grid}.joyo-kanji-reading-list>div{grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;display:grid}.joyo-kanji-reading-list dt{color:var(--muted);font-size:.8rem;font-weight:800}.joyo-kanji-reading-list dd{overflow-wrap:anywhere;margin:0;line-height:1.45}.joyo-kanji-pagination{justify-content:center}.grammar-chip-list{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.grammar-chip-list__label{color:var(--muted);font-size:.78rem;font-weight:800}.grammar-chip{color:#3730a3;cursor:pointer;background:#eef2ffeb;border:1px solid #5b5bd629;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:850;display:inline-flex}.grammar-chip:hover,.grammar-chip:focus-visible,.grammar-chip.is-active{background:#e0e7ff;border-color:#5b5bd657;outline:none}.grammar-chip.is-contextual{color:#9a3412;background:#fff7ed;border-color:#c2410c33}.grammar-chip.is-contextual:hover,.grammar-chip.is-contextual:focus-visible,.grammar-chip.is-contextual.is-active{background:#ffedd5;border-color:#c2410c5c}.grammar-chip__level{color:#64748b;font-size:.72rem;font-weight:900}.grammar-chip__confidence{color:#9a3412;font-size:.72rem;font-weight:900}.grammar-chip__variant-count{color:#4338ca;font-size:.72rem;font-weight:900}.grammar-chip__match{color:#1e3a8a;text-overflow:ellipsis;white-space:nowrap;background:#ffffffb8;border-radius:999px;max-width:120px;padding:2px 6px;font-size:.72rem;font-weight:900;overflow:hidden}.grammar-point-panel{color:#172033;cursor:default;background:#f8fafff5;border:1px solid #5b5bd624;border-radius:14px;padding:12px}.grammar-point-panel p{overflow-wrap:anywhere;margin:0;line-height:1.65}.grammar-point-pattern{font-size:1.12rem;line-height:1.2}.grammar-point-description{color:#334155}.grammar-variant-list{gap:8px;display:grid}.grammar-variant-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.grammar-variant-pills{flex-wrap:wrap;gap:6px;display:flex}.grammar-variant-pill,.grammar-variant-item{background:#ffffffc7;border:1px solid #5b5bd61a}.grammar-variant-pill{color:#334155;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.grammar-variant-pill strong{color:#3730a3;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.grammar-variant-item{border-radius:10px;gap:5px;min-width:0;padding:8px 10px;display:grid}.grammar-variant-item strong,.grammar-variant-item span{overflow-wrap:anywhere}.grammar-variant-item>span{color:#475569;font-size:.82rem;line-height:1.5}.grammar-example-list{padding-top:2px}.grammar-example{background:#ffffffdb;border:1px solid #0f172a0f;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.grammar-example strong{overflow-wrap:anywhere}.grammar-example span{color:#475569;overflow-wrap:anywhere;line-height:1.55}.grammar-dictionary-browser{min-width:0}.grammar-stat-grid{width:100%}.grammar-level-select{flex:0 170px;min-width:min(100%,150px)}.grammar-point-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.grammar-point-card{color:#172033;text-align:left;cursor:pointer;background:#fffffff0;border:1px solid #0f172a14;border-radius:14px;gap:10px;min-width:0;padding:14px;transition:border-color .14s,box-shadow .14s,transform .12s;display:grid}.grammar-point-card:hover,.grammar-point-card:focus-visible,.grammar-point-card.is-active{border-color:#5b5bd638;outline:none;transform:translateY(-1px);box-shadow:0 18px 36px #0f172a14}.grammar-point-card__pattern{overflow-wrap:anywhere;font-size:1.2rem;line-height:1.25}.grammar-point-card__description,.grammar-point-card__example{overflow-wrap:anywhere;line-height:1.55}.grammar-point-card__description{color:#334155}.grammar-point-card__variant-summary{color:#4338ca;overflow-wrap:anywhere;background:#eef2ff;border-radius:999px;width:fit-content;max-width:100%;padding:4px 8px;font-size:.78rem;font-weight:900}.grammar-point-card__example{color:#475569}.vocabulary-dictionary-browser{min-width:0}.vocabulary-stat-grid{width:100%}.vocabulary-view-tabs{grid-template-columns:repeat(2,minmax(112px,1fr));width:fit-content;max-width:100%}.vocabulary-level-select,.vocabulary-part-select{flex:0 160px;min-width:min(100%,140px)}.vocabulary-manual-input{flex:180px;min-width:min(100%,150px)}.vocabulary-manual-meaning-input{flex:2 260px;min-width:min(100%,180px)}.button.is-disabled{pointer-events:none;cursor:not-allowed;opacity:.56}.vocabulary-browser-detail{color:#172033;background:#f8fafffa;border:1px solid #2563eb24;border-radius:14px;padding:14px}.vocabulary-browser-detail p{overflow-wrap:anywhere;margin:0;line-height:1.65}.vocabulary-browser-detail__surface{overflow-wrap:anywhere;font-size:1.24rem;line-height:1.2}.vocabulary-browser-detail__meaning{color:#1e3a8a;font-weight:800}.kanji-inline-button{color:inherit;font:inherit;line-height:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;border-radius:5px;margin:0 1px;padding:0 2px;-webkit-text-decoration:underline #2563eb47;text-decoration:underline #2563eb47;text-decoration-thickness:1px;display:inline}.kanji-inline-button:hover,.kanji-inline-button:focus-visible{color:#1d4ed8;background:#dbeafee6;outline:none}.vocabulary-kanji-panel{background:#ffffffe0;border:1px solid #2563eb1f;border-radius:12px;padding:12px}.vocabulary-kanji-symbol{color:#1e3a8a;background:#eff6fff2;border-radius:10px;place-items:center;min-width:48px;height:48px;font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif CJK JP,serif;font-size:2rem;line-height:1;display:inline-grid}.vocabulary-kanji-reading-list{gap:6px;margin:0;display:grid}.vocabulary-kanji-reading-list>div{grid-template-columns:44px minmax(0,1fr);gap:8px;display:grid}.vocabulary-kanji-reading-list dt{color:var(--muted);font-size:.8rem;font-weight:800}.vocabulary-kanji-reading-list dd{overflow-wrap:anywhere;margin:0;line-height:1.45}.vocabulary-match-form-list{min-width:0}.vocabulary-entry-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.vocabulary-entry-card{color:#172033;background:#fffffff0;border:1px solid #0f172a14;border-radius:14px;gap:10px;min-width:0;padding:14px;transition:border-color .14s,box-shadow .14s,transform .12s;display:grid}.vocabulary-entry-card:hover,.vocabulary-entry-card.is-active{border-color:#2563eb33;transform:translateY(-1px);box-shadow:0 18px 36px #0f172a14}.vocabulary-entry-card__main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.vocabulary-entry-card__main:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #2563eb3d}.vocabulary-entry-card__surface{overflow-wrap:anywhere;min-width:0;font-size:1.18rem;line-height:1.24}.vocabulary-entry-card__reading,.vocabulary-entry-card__meaning{overflow-wrap:anywhere;min-width:0;line-height:1.45}.vocabulary-entry-card__reading{color:#64748b;font-size:.9rem}.vocabulary-entry-card__meaning{color:#1e3a8a;font-weight:750}.vocabulary-entry-card__save{justify-self:start}.vocabulary-pagination{justify-content:center}.vocabulary-token-text{overflow-wrap:anywhere;min-width:0;display:inline}.vocabulary-token{color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;border-radius:6px;margin:0 1px;padding:1px 3px;-webkit-text-decoration:underline #5b5bd63d;text-decoration:underline #5b5bd63d;text-decoration-thickness:1px;display:inline}.vocabulary-token:hover,.vocabulary-token:focus-visible,.vocabulary-token.is-active{color:#3730a3;background:#e0e7ffd1;outline:none}.vocabulary-token.is-unknown{text-decoration-style:dotted;text-decoration-color:#64748b57}.vocabulary-token.has-entry{text-decoration-color:#2563eb57}.vocabulary-lookup-panel{color:#172033;cursor:default;background:#f8fafffa;border:1px solid #2563eb24;border-radius:14px;padding:12px}.vocabulary-lookup-panel p{overflow-wrap:anywhere;margin:0;line-height:1.65}.vocabulary-lookup-surface{font-size:1.16rem;line-height:1.2}.vocabulary-meaning{color:#1e3a8a;font-weight:750}.vocabulary-meaning-input{min-height:38px}.vocabulary-example-list{padding-top:2px}.vocabulary-example{background:#ffffffdb;border:1px solid #0f172a0f;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.vocabulary-example strong,.vocabulary-example span{overflow-wrap:anywhere;line-height:1.55}.vocabulary-example span{color:#475569}.button.is-active,.jp-study-mini-button.is-active{color:#1d4ed8;background:#dbeafef2;border-color:#2563eb3d}.jp-study-action-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:min(100%,220px);display:flex}.jp-study-mini-button{color:#1d4ed8;white-space:nowrap;background:#eff6ffeb;border:1px solid #2563eb29;border-radius:10px;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:800}.jp-study-mini-button:disabled{cursor:not-allowed;opacity:.72}@media (max-width:900px){.study-room-stat-grid,.study-sentence-lines{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.study-room-stat-grid,.study-sentence-lines{grid-template-columns:1fr}.study-room-tabs,.study-room-mode-tabs,.vocabulary-view-tabs,.study-room-filter-row>*,.study-room-source-select{width:100%;max-width:100%}.joyo-kanji-grid,.grammar-point-grid,.vocabulary-entry-grid{grid-template-columns:1fr}.joyo-kanji-card{grid-template-columns:64px minmax(0,1fr);gap:12px}.joyo-kanji-symbol{min-height:64px;font-size:2.65rem}.study-sentence-card{padding:14px}.jp-study-action-row{justify-content:stretch;width:100%}.jp-study-action-row>*{flex:140px}}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 30%),radial-gradient(circle at 100% 0,#3b82f629,#0000 26%),linear-gradient(#07101f 0%,#0b1020 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{padding:24px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}code{background:#0f172af2;border:1px solid #94a3b82e;border-radius:.5rem;padding:.15rem .4rem}.app-shell{flex-direction:column;gap:16px;max-width:1600px;margin:0 auto;display:flex}.vault-grid{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.sidebar-panel{position:sticky;top:24px}.card-block{background:var(--panel-soft);border:1px solid #94a3b824;border-radius:18px;padding:16px}.top-banner,.error-banner,.toast-banner,.loading-screen{border-radius:16px;padding:14px 16px}.top-banner{background:#1e293be6;border:1px solid #3b82f633}.error-banner{background:#7f1d1d66;border:1px solid #f8717147}.toast-banner{background:#064e3b6b;border:1px solid #4ade803d}.loading-screen{place-items:center;min-height:240px;display:grid}.title-large{margin:0;font-size:1.7rem;line-height:1.2}.title-medium{margin:0;font-size:1.2rem;line-height:1.3}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#a78bfa;font-size:.76rem;font-weight:700}.label{font-size:.92rem;font-weight:600}.muted{color:var(--muted)}.small-text{font-size:.88rem}.row{display:flex}.wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.align-center{align-items:center}.align-start{align-items:flex-start}.gap-xs{gap:6px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:20px}.stack{flex-direction:column;display:flex}.min-height-panel{min-height:620px}.badge{color:#ddd6fe;letter-spacing:.04em;background:#7c3aed26;border:1px solid #a78bfa47;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.input,.textarea,.select{width:100%;color:var(--text);background:#0f172ae0;border:1px solid #94a3b833;border-radius:14px;outline:none;padding:12px 14px}.textarea{resize:vertical;min-height:220px}.textarea-detail{min-height:340px}.button{border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;transition:transform .12s,opacity .12s,background .12s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.button-ghost{color:var(--text);background:#0f172ab8;border:1px solid #94a3b82e}.button-danger{background:var(--danger-soft);color:#fecaca;border:1px solid #dc262647}.progress-track{background:#0f172af2;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#38bdf8);height:100%}.folder-list,.item-list{flex-direction:column;gap:10px;display:flex}.folder-button,.item-row{text-align:left;width:100%;color:var(--text);background:#0f172aa8;border:1px solid #94a3b826;border-radius:16px;padding:14px 16px}.folder-button:hover,.item-row:hover{background:#1e293be6}.folder-button__name,.item-row__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.item-row__content{flex:1;min-width:0}.item-row__subtitle{line-height:1.45;display:block}.empty-state,.image-placeholder{text-align:center;background:#0f172a6b;border:1px dashed #94a3b838;border-radius:18px;place-items:center;min-height:180px;padding:20px;display:grid}.image-frame{background:#020617d1;border:1px solid #94a3b824;border-radius:20px;overflow:hidden}.detail-image{object-fit:contain;width:100%;height:auto;max-height:540px;display:block}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.create-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;display:grid}.tip-box{margin-top:auto}.detail-drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061785;justify-content:flex-end;align-items:stretch;padding:18px;display:flex;position:fixed;inset:0}.detail-drawer{border-radius:24px;width:min(620px,100%);height:calc(100vh - 36px);animation:.18s ease-out detail-drawer-in;overflow:auto}@keyframes detail-drawer-in{0%{opacity:.72;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@media (max-width:1260px){.vault-grid{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:960px){body{padding:16px}.vault-grid,.create-grid,.metadata-grid,.admin-stat-grid,.admin-user-card,.admin-create-form,.admin-restore-form{grid-template-columns:1fr}.sidebar-panel{position:static}.min-height-panel{min-height:auto}.admin-user-actions,.admin-invite-actions{justify-content:flex-start}}@media (max-width:720px){.detail-drawer-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020617e6;padding:0}.detail-drawer{border-left:0;border-right:0;border-radius:0;width:100%;height:100dvh;max-height:none;animation:.14s ease-out detail-mobile-in}}@keyframes detail-mobile-in{0%{opacity:.7;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.folder-button--tree{position:relative}.folder-button__meta{line-height:1.35}.folder-path{background:#0f172a80;border:1px solid #94a3b824;border-radius:12px;padding:10px 12px}.fullscreen-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d1;justify-content:center;align-items:stretch;padding:24px;display:flex;position:fixed;inset:0}.fullscreen-panel{background:#0b1020f5;border:1px solid #94a3b82e;border-radius:24px;flex-direction:column;gap:18px;width:min(1280px,100%);height:100%;max-height:100%;padding:24px;display:flex;box-shadow:0 24px 60px #02061780}.fullscreen-header{flex-shrink:0}.fullscreen-note-frame,.fullscreen-image-frame{background:#0f172ab3;border:1px solid #94a3b829;border-radius:20px;flex:1;min-height:0;overflow:auto}.fullscreen-note-content{white-space:pre-wrap;padding:24px;font-size:1.02rem;line-height:1.7}.fullscreen-image-frame{place-items:center;padding:20px;display:grid}.fullscreen-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}@media (max-width:960px){.fullscreen-overlay{padding:12px}.fullscreen-panel{border-radius:18px;padding:16px}.fullscreen-note-content{padding:16px}}.link-chip-list{flex-direction:column;gap:10px;display:flex}.link-chip{text-align:left;justify-content:space-between;gap:12px;width:100%;padding:12px 14px}.link-chip__label{color:#e9d5ff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.link-chip__url{text-align:right;min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dialog-backdrop{z-index:120;isolation:isolate;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-panel{z-index:1;background:#0b1020f7;border:1px solid #94a3b82e;border-radius:24px;width:min(760px,100%);max-height:min(88vh,960px);padding:22px;position:relative;overflow:auto;box-shadow:0 24px 60px #02061785}.link-editor-row{background:#0f172a85;border:1px solid #94a3b824;border-radius:16px;padding:14px}@media (max-width:960px){.link-chip{flex-direction:column;align-items:flex-start}.link-chip__url{text-align:left;width:100%}.dialog-panel{border-radius:18px;padding:16px}}.button-small{border-radius:10px;min-height:34px;padding:0 12px;font-size:.82rem}.jp-study-viewer{background:radial-gradient(circle at 0 0,#7c3aed29,#0000 34%),#0f172a94;border:1px solid #a78bfa38;border-radius:20px;padding:16px}.jp-study-header{padding-bottom:2px}.jp-study-warning{color:#fde68a;background:#78350f47;border:1px solid #fbbf2440;border-radius:14px;padding:12px 14px}.jp-study-list{flex-direction:column;gap:12px;display:flex}.jp-study-card{text-align:left;width:100%;color:var(--text);cursor:pointer;-webkit-user-select:text;user-select:text;background:#0206175c;border:1px solid #94a3b829;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;transition:border-color .15s,background .15s,transform .15s;display:grid}.jp-study-card:hover,.jp-study-card:focus-visible{background:#1e293bb8;border-color:#a78bfa6b;outline:none;transform:translateY(-1px)}.jp-study-card--level-2{border-color:#a78bfa7a}.jp-study-index{-webkit-user-select:none;user-select:none;color:#ddd6fe;background:#7c3aed24;border:1px solid #a78bfa40;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:.78rem;font-weight:800;display:inline-flex}.jp-study-lines{flex-direction:column;gap:8px;min-width:0;line-height:1.72;display:flex}.jp-study-original{word-break:keep-all;overflow-wrap:anywhere;font-size:1.04rem;font-weight:750}.jp-study-reading,.jp-study-meaning{overflow-wrap:anywhere;border-radius:14px;padding:10px 12px;display:block}.jp-study-reading{color:#bfdbfe;background:#1e40af2e;border:1px solid #60a5fa33}.jp-study-meaning{color:#e9d5ff;background:#581c8733;border:1px solid #a78bfa33}.jp-study-next{-webkit-user-select:none;user-select:none;color:var(--muted);white-space:nowrap;font-size:.78rem}.fullscreen-note-frame--study{padding:16px}.jp-study-viewer--fullscreen{min-height:100%}@media (max-width:720px){.jp-study-card{grid-template-columns:1fr}.jp-study-next{white-space:normal}}.vault-grid{grid-template-columns:280px minmax(0,1fr)}.clean-sidebar{min-height:calc(100vh - 48px);padding:18px}.sidebar-brand{padding-bottom:4px}.sidebar-brand .title-large{font-size:1.45rem}.icon-button{width:42px;height:42px;color:var(--text);background:#0f172ab3;border:1px solid #94a3b829;border-radius:14px;place-items:center;display:inline-grid}.icon-button:hover{background:#1e293beb}.sidebar-action-grid{grid-template-columns:1fr;gap:10px;display:grid}.current-folder-card,.settings-card,.folder-dialog-current,.study-helper-card{background:#0f172a80;border:1px solid #94a3b824;border-radius:18px;padding:14px}.current-folder-card{flex-direction:column;gap:8px;display:flex}.folder-tree-section{min-height:0}.clean-folder-list{gap:6px}.folder-pill{background:0 0;border-color:#0000;border-radius:14px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding-top:9px;padding-bottom:9px;padding-right:10px;display:grid}.folder-pill.is-active{background:#7c3aed2e;border-color:#a78bfa57}.folder-pill__icon{color:#a78bfa;opacity:.9}.folder-pill__count{min-width:28px;height:24px;color:var(--muted);background:#0f172ac7;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:700;display:inline-flex}.action-board{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:18px;padding:18px;display:grid}.action-board__copy p{margin:6px 0 0}.action-button-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.feature-button{text-align:left;min-height:94px;color:var(--text);background:#0f172a94;border:1px solid #94a3b829;border-radius:20px;align-items:center;gap:14px;padding:16px;transition:transform .12s,border-color .12s,background .12s;display:flex}.feature-button:hover:not(:disabled){background:#1e293bd1;border-color:#a78bfa61;transform:translateY(-1px)}.feature-button:disabled{cursor:not-allowed;opacity:.62}.feature-button__icon,.item-type-icon{color:#ddd6fe;background:#7c3aed33;border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:inline-grid}.feature-button strong,.feature-button small{display:block}.feature-button small{color:var(--muted);margin-top:4px;line-height:1.3}.upload-status{border-top:1px solid #94a3b81a;grid-column:1/-1;padding-top:12px}.content-panel{padding:20px}.content-header{padding-bottom:4px}.content-header .title-large{font-size:clamp(1.55rem,3vw,2.1rem)}.search-box{min-width:220px;min-height:34px;color:var(--text);background:#0f172ab8;border:1px solid #94a3b833;border-radius:12px;flex:230px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.search-box__icon{color:var(--muted);flex:none;font-size:.95rem;line-height:1}.search-box__input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:7px 0;font-size:.88rem}.search-box__input::-webkit-search-decoration{appearance:none}.search-box__input::-webkit-search-cancel-button{appearance:none}.search-box__clear{width:24px;height:24px;color:var(--muted);background:#94a3b829;border-radius:999px;flex:none;place-items:center;line-height:1;display:inline-grid}.search-box__clear:hover{color:var(--text);background:#94a3b83d}.content-controls .select,.compact-select{border-radius:10px;width:auto;min-width:108px;min-height:34px;padding:0 12px;font-size:.86rem}.item-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.item-card{text-align:left;min-height:188px;color:var(--text);background:linear-gradient(#1e293ba3,#0f172ab3);border:1px solid #94a3b824;border-radius:22px;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;transition:transform .12s,border-color .12s,background .12s;display:flex;box-shadow:0 16px 34px #0206172e}.item-card:hover{background:linear-gradient(#334155b8,#0f172ac7);border-color:#a78bfa57;transform:translateY(-2px)}.item-card.is-active{border-color:#a78bfa85;box-shadow:0 0 0 3px #7c3aed29,0 18px 38px #02061738}.item-card__top,.item-card__footer{flex-shrink:0}.item-card__body{min-width:0}.item-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.04rem;line-height:1.35;display:-webkit-box;overflow:hidden}.item-card__subtitle{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.empty-state--clean{min-height:280px}.segmented-control{background:#0f172a85;border:1px solid #94a3b824;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.segmented-button{min-height:42px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px}.segmented-button.is-active{color:var(--text);background:#7c3aed2e;border-color:#a78bfa47}.textarea-create{min-height:340px}.dialog-actions{padding-top:4px}.auth-shell{place-items:center;min-height:calc(100dvh - 48px);display:grid}.auth-card{width:min(460px,100%)}.auth-title{margin:0;font-size:2rem;line-height:1.1}.auth-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-submit{width:100%}.account-card{background:#0f172a80;border:1px solid #94a3b824;border-radius:16px;min-width:0;padding:12px}.account-card__identity{flex-direction:column;gap:2px;min-width:0;display:flex}.account-card__identity strong,.account-card__identity span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.admin-shell{max-width:1180px;margin:0 auto}.admin-header{align-items:center}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-stat-card,.admin-user-card{background:#fffffff5;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 12px 28px #0f172a0d}.admin-stat-card{flex-direction:column;gap:8px;padding:16px;display:flex}.admin-stat-card strong{font-size:1.5rem;line-height:1.15}.admin-invite-card code{text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;max-width:min(60vw,360px);overflow:hidden}.admin-invite-actions{justify-content:flex-end}.admin-user-list{gap:12px;display:grid}.admin-create-form{grid-template-columns:minmax(180px,.9fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;align-items:end;gap:12px;display:grid}.admin-restore-form{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.admin-user-card{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.admin-user-main{gap:12px;min-width:0;display:grid}.admin-user-main strong,.admin-user-main span{min-width:0}.admin-user-metrics{flex-wrap:wrap;gap:8px;display:flex}.admin-user-metrics span{color:#64748b;background:#f8fafc;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.admin-user-usage{min-width:0}.admin-user-actions{justify-content:flex-end}.create-dialog,.folder-dialog,.note-edit-dialog{width:min(820px,100%)}.note-preview-card{background:#0f172a85;border:1px solid #94a3b824;border-radius:22px;overflow:hidden}.note-preview-card--study{border-color:#a78bfa33}.note-preview-text{white-space:pre-wrap;min-height:260px;max-height:52vh;padding:18px;line-height:1.72;overflow:auto}.detail-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detail-drawer{width:min(680px,100%);padding:22px}.metadata-grid>div{background:#0f172a75;border:1px solid #94a3b81f;border-radius:15px;padding:12px}@media (max-width:1100px){.action-board{grid-template-columns:1fr}}@media (max-width:960px){.vault-grid{grid-template-columns:1fr}.clean-sidebar{min-height:auto}.action-button-grid,.item-grid{grid-template-columns:1fr}}@media (max-width:720px){body{padding:0}.app-shell{gap:10px}.panel{border-radius:0}.vault-grid{gap:10px}.content-controls{align-items:stretch;width:100%}.search-box{flex-basis:100%;min-width:100%}.content-controls .button,.content-controls .select{flex:1}.detail-action-grid,.segmented-control{grid-template-columns:1fr}.dialog-backdrop{padding:0}.dialog-panel{border-radius:0;width:100%;height:100dvh;max-height:none}}.pwa-install-card{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af0;border:1px solid #a78bfa4d;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(440px,100vw - 32px);padding:14px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 24px 60px #0206176b}.pwa-install-card__icon{color:#ddd6fe;background:#7c3aed38;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.pwa-install-card__body{flex-direction:column;gap:3px;min-width:0;display:flex}.pwa-install-card__body strong{font-size:.96rem}.pwa-install-card__body span{color:var(--muted);font-size:.84rem;line-height:1.45}.pwa-install-card__actions{gap:8px;display:flex}@media (display-mode:standalone){body{min-height:100dvh}}@media (display-mode:standalone) and (max-width:720px){body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.dialog-panel{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media (max-width:720px){.pwa-install-card{border-radius:18px;grid-template-columns:auto minmax(0,1fr);width:auto;bottom:12px;left:12px;right:12px}.pwa-install-card__actions{grid-column:1/-1}.pwa-install-card__actions .button{flex:1}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--panel:#fffffff0;--panel-border:#0f172a14;--panel-soft:#f8fafc;--text:#172033;--muted:#6b7280;--accent:#5b5bd6;--accent-strong:#7382ff;--danger:#dc2626;--danger-soft:#dc262614;--shadow:0 18px 48px #0f172a14;--radius:20px}html,body{color:var(--text);background:radial-gradient(circle at 0 0,#6366f114,#0000 28%),radial-gradient(circle at 100% 0,#3b82f612,#0000 24%),linear-gradient(#f8fafc 0%,#f3f5fb 100%);font-family:Pretendard,Inter,Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}code{background:#f1f5f9;border-color:#0f172a14}.panel,.dialog-panel,.fullscreen-panel,.detail-drawer{box-shadow:var(--shadow);background:#fffffff2;border-color:#0f172a14}.card-block,.current-folder-card,.account-card,.settings-card,.folder-dialog-current,.study-helper-card,.link-editor-row,.folder-path,.fullscreen-note-frame,.fullscreen-image-frame,.image-frame,.empty-state,.image-placeholder{background:#f8fafcf5;border-color:#0f172a14}.top-banner{background:#eff6ffe6;border-color:#3b82f62e}.error-banner{background:#fef2f2f0;border-color:#f8717142}.toast-banner{background:#f0fdf4f5;border-color:#22c55e38}.eyebrow{color:#5b5bd6}.badge{color:#4545b5;background:#5b5bd614;border-color:#5b5bd629}.badge-ghost{color:#64748b;background:#f1f5f9eb;border-color:#0f172a14}.input,.textarea,.select,.folder-button,.item-row,.icon-button{color:var(--text);background:#fffffffa;border-color:#0f172a1a}.input::placeholder,.textarea::placeholder{color:#94a3b8}.input:focus,.textarea:focus,.select:focus{border-color:#5b5bd66b;box-shadow:0 0 0 4px #5b5bd61a}.button{box-shadow:none}.button-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#7c83ff)}.button-secondary{color:#1d4ed8;background:#dbeafed9;border:1px solid #3b82f62e}.button-ghost,.icon-button{color:var(--text);background:#fffffffa;border:1px solid #0f172a1a}.button-danger{color:#b91c1c;background:#fef2f2fa;border:1px solid #dc262629}.segmented-control{background:#f1f5f9;border-color:#0f172a14}.segmented-button{color:#64748b}.segmented-button:hover:not(:disabled){color:#172033;background:#ffffffb8}.segmented-button.is-active{color:#172033;background:#fff;border-color:#5b5bd62e;box-shadow:0 8px 20px #0f172a0d}.segmented-button:disabled{color:#94a3b8}.folder-button:hover,.item-row:hover,.icon-button:hover,.button-ghost:hover:not(:disabled){background:#f8fafc}.folder-button.is-active,.item-row.is-active{background:#eef2fff2;border-color:#5b5bd63d}.detail-drawer-backdrop,.dialog-backdrop,.fullscreen-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a38}.fullscreen-note-content{color:var(--text)}.jp-study-viewer{background:linear-gradient(#fffffff5,#f7f9fcfa);border-color:#5b5bd624}.jp-study-warning{color:#92400e;background:#fffbebf5;border-color:#f59e0b38}.jp-study-card{color:var(--text);background:#fffffffa;border-color:#0f172a14}.jp-study-card:hover,.jp-study-card:focus-visible{background:#fcfcff;border-color:#5b5bd638}.jp-study-card--level-1,.jp-study-card--level-2{background:#f8fafffa;border-color:#3b82f62e}.jp-study-card--level-2{background:#f7f5fffa;border-color:#5b5bd63d}.jp-study-index{color:#4c51bf;background:#5b5bd614;border-color:#5b5bd624}.jp-study-lines{gap:10px}.jp-study-original,.jp-study-reading,.jp-study-meaning,.fullscreen-note-content,.note-content,.textarea.jp-study-editor{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic,Yu Gothic UI,Noto Sans JP,Meiryo,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.jp-study-original{letter-spacing:.01em;color:#111827;font-size:1.08rem;font-weight:650;line-height:1.9}.jp-study-reading,.jp-study-meaning{padding:12px 14px;font-size:.98rem;line-height:1.85}.jp-study-reading{color:#1d4ed8;background:#eff6fffa;border-color:#3b82f624}.jp-study-meaning{color:#5b21b6;background:#f5f3fffa;border-color:#5b5bd624}.jp-study-next{color:#94a3b8}.jp-study-viewer--fullscreen .jp-study-original{font-size:1.16rem}@media (max-width:720px){.jp-study-original{font-size:1.12rem;line-height:1.95}.jp-study-reading,.jp-study-meaning{font-size:1rem;line-height:1.9}}.content-panel,.action-board,.action-board__copy,.create-actions-panel{background:#fffffff5;border-color:#0f172a14}.search-box{background:#fff;border-color:#0f172a1a;box-shadow:0 8px 24px #0f172a0a}.search-box:focus-within{border-color:#5b5bd647;box-shadow:0 0 0 4px #5b5bd614}.search-box__input{color:#172033}.search-box__input::placeholder{color:#94a3b8}.feature-button,.item-card{color:#172033;background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#0f172a17;box-shadow:0 12px 28px #0f172a0f}.feature-button:hover:not(:disabled),.item-card:hover{background:linear-gradient(#fff 0%,#f3f6fb 100%);border-color:#5b5bd633;box-shadow:0 16px 34px #0f172a14}.feature-button--primary{background:radial-gradient(circle at 0 0,#6366f11a,#0000 46%),linear-gradient(#fff 0%,#eef2ff 100%);border-color:#5b5bd62e}.item-card.is-active{background:linear-gradient(#fff 0%,#eef2ff 100%);border-color:#5b5bd652;box-shadow:0 0 0 3px #5b5bd614,0 16px 34px #0f172a14}.item-card .muted,.feature-button small{color:#64748b}.item-card__title{color:#111827}.item-type-icon,.feature-button__icon{color:#4f46e5;background:#6366f11a}.item-type-icon.is-image{color:#0369a1;background:#0ea5e91a}.item-type-icon.is-study{color:#be185d;background:#ec48991a}.item-card .badge,.item-card .badge-ghost{color:#475569;background:#f1f5f9eb;border-color:#0f172a14}.folder-pill:hover{background:#f8fafcfa;border-color:#0f172a14}.folder-pill__count{color:#64748b;background:#f1f5f9f5;border:1px solid #0f172a14;box-shadow:inset 0 1px #ffffffdb}.folder-pill.is-active .folder-pill__count{color:#4f46e5;background:#6366f11a;border-color:#6366f12e}.favorite-button{color:#94a3b8;background:#ffffffeb;border:1px solid #6366f12e;border-radius:999px;place-items:center;width:34px;height:34px;font-size:1rem;line-height:1;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-grid}.favorite-button:hover:not(:disabled){color:#6366f1;background:#eef2ff;border-color:#6366f152;transform:translateY(-1px)}.favorite-button.is-active{color:#d97706;background:#fffbeb;border-color:#f59e0b47}.folder-tree-header .compact-select,.sort-select,.folder-sort-select{min-width:128px}.folder-row{border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.folder-row .folder-pill{min-width:0;padding-left:14px}.folder-row.is-active .folder-pill{background:#eef2ff;border-color:#6366f13d}.folder-row.is-active .folder-button__name{color:#30358f;font-weight:800}.folder-favorite-button{flex:none;width:32px;height:32px}.item-card{padding:0;position:relative;overflow:hidden}.item-card__open{width:100%;min-height:188px;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;display:flex}.item-card__open:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #6366f129}.item-favorite-button{z-index:2;position:absolute;top:13px;right:13px}.item-card .badge{margin-right:42px}.item-card.is-favorite{background:linear-gradient(#fffdf7 0%,#fff 100%);border-color:#f59e0b38}.jp-study-card{grid-template-columns:auto minmax(0,1fr)}.jp-study-action-row{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.jp-study-mini-button{color:#2563eb;background:#f8fbff;border:1px solid #3b82f629;border-radius:13px;min-height:38px;font-size:.86rem;font-weight:800}.jp-study-mini-button:hover,.jp-study-mini-button:focus-visible{background:#eff6ff;border-color:#3b82f647;outline:none}.jp-study-mini-button.is-active{background:#dbeafe;border-color:#2563eb47}.jp-study-mini-button--meaning{color:#6d28d9;background:#fbf8ff;border-color:#7c3aed26}.jp-study-mini-button--meaning:hover,.jp-study-mini-button--meaning:focus-visible{background:#f5f3ff;border-color:#7c3aed47}.jp-study-mini-button--meaning.is-active{background:#ede9fe;border-color:#6d28d947}@media (max-width:720px){.content-controls{width:100%}.sort-select,.folder-sort-select,.content-controls .compact-select{flex:150px;width:100%}.jp-study-action-row{grid-template-columns:1fr}}.detail-drawer .card-block,.detail-drawer .note-preview-card,.detail-drawer .note-preview-text,.detail-drawer .metadata-grid>div,.fullscreen-panel .note-preview-card,.fullscreen-note-frame,.fullscreen-note-content{color:#172033;background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#0f172a14}.detail-drawer .note-preview-card{box-shadow:0 12px 26px #0f172a0d}.detail-drawer .note-preview-text{background:0 0}.detail-drawer .metadata-grid>div{box-shadow:inset 0 1px #ffffffd6}.detail-drawer .metadata-grid .muted,.detail-drawer .note-preview-text .muted{color:#64748b}.jp-study-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.jp-study-mini-button--meaning{display:none!important}.jp-study-index{cursor:pointer;width:42px;min-width:42px;height:42px;padding:0;box-shadow:0 6px 16px #6366f114}.jp-study-index-button:hover,.jp-study-index-button:focus-visible{color:#4f46e5;background:#eef2ff;border-color:#6366f147;outline:none}.jp-study-next{display:inline-flex}.jp-study-next-button{color:#4f46e5;white-space:nowrap;cursor:pointer;background:#fffffff5;border:1px solid #6366f129;border-radius:999px;justify-content:center;align-items:center;min-width:86px;min-height:38px;padding:0 12px;font-size:.78rem;font-weight:800;box-shadow:0 6px 16px #0f172a0a}.jp-study-next-button:hover,.jp-study-next-button:focus-visible{background:#eef2ff;border-color:#6366f14d;outline:none}.jp-study-next-button--level-1{color:#1d4ed8;background:#eff6ff;border-color:#3b82f62e}.jp-study-next-button--level-2{color:#6d28d9;background:#f5f3ff;border-color:#7c3aed2e}@media (max-width:720px){.jp-study-card{grid-template-columns:auto minmax(0,1fr)}.jp-study-next-button{grid-column:2;justify-self:flex-start;margin-top:2px}}.pagination-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.pagination-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.pagination-button{color:#475569;background:#fffffff5;border:1px solid #0f172a1a;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 12px;font-size:.86rem;font-weight:800;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex;box-shadow:0 8px 18px #0f172a0a}.pagination-button:hover:not(:disabled){color:#4f46e5;background:#eef2ff;border-color:#6366f147;transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.55}.pagination-number.is-active{color:#fff;opacity:1;background:#6366f1;border-color:#6366f147;box-shadow:0 10px 24px #6366f12e}.pagination-button--edge{min-width:58px}.pagination-ellipsis{color:#94a3b8;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:26px;height:38px;font-weight:900;display:inline-flex}@media (max-width:720px){.pagination-bar{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.pagination-pages{flex-wrap:nowrap}.pagination-button{flex:none}}.youtube-section{background:linear-gradient(#fff 0%,#f8f7ff 100%);border:1px solid #6366f124;border-radius:22px;padding:16px;box-shadow:0 14px 30px #6366f112}.youtube-section__header{margin-bottom:2px}.youtube-logo{color:#fff;background:#ef4444;border-radius:8px;place-items:center;width:28px;height:22px;font-size:.74rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 8px 18px #ef44442e}.youtube-section__title{color:#172033;font-weight:800;line-height:1.35}.youtube-frame,.youtube-mini-frame{background:#020617;border:1px solid #0f172a14;border-radius:18px;overflow:hidden}.youtube-frame{aspect-ratio:16/9;width:100%;min-height:220px}.youtube-iframe,.youtube-mini-iframe{background:#020617;border:0;width:100%;height:100%;display:block}.youtube-mini-spacer{height:310px}.youtube-mini-player{z-index:110;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #6366f138;border-radius:24px;width:min(390px,100vw - 32px);padding:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 24px 64px #0f172a2e}.youtube-mini-player__top{margin-bottom:10px}.youtube-mini-player__identity{text-align:left;color:#172033;background:0 0;border-radius:16px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px;display:flex}.youtube-mini-player__identity:hover,.youtube-mini-player__identity:focus-visible{background:#f8fafc;outline:none}.youtube-mini-player__identity img{object-fit:cover;border:1px solid #0f172a14;border-radius:12px;flex:none;width:64px;height:42px}.youtube-mini-player__text{flex-direction:column;gap:2px;min-width:0;display:flex}.youtube-mini-player__text strong,.youtube-mini-player__text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.youtube-mini-player__text strong{font-size:.92rem;line-height:1.25}.youtube-mini-player__text span{color:#64748b;font-size:.78rem}.youtube-mini-icon-button{color:#172033;background:#fff;border:1px solid #0f172a14;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:900;text-decoration:none;display:inline-grid}.youtube-mini-icon-button:hover,.youtube-mini-icon-button:focus-visible{color:#4f46e5;background:#eef2ff;border-color:#6366f133;outline:none}.youtube-mini-frame{height:204px}@media (max-width:720px){.youtube-frame{min-height:210px}.youtube-mini-spacer{height:300px}.youtube-mini-player{border-radius:20px;width:calc(100vw - 20px);bottom:10px;right:10px}.youtube-mini-frame{height:198px}.youtube-section .button{flex:150px}}.tag-filter-bar{align-items:center;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.tag-chip-button,.item-tag-chip,.detail-tag-chip{color:#4f46e5;white-space:nowrap;background:#fffffff0;border:1px solid #6366f124;border-radius:999px;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.tag-chip-button{gap:7px;min-height:34px;padding:0 12px;font-size:.84rem;box-shadow:0 8px 18px #0f172a0a}.tag-chip-button:hover:not(:disabled),.tag-chip-button:focus-visible{background:#eef2ff;border-color:#6366f147;outline:none}.tag-chip-button.is-active{color:#fff;background:#6366f1;border-color:#6366f14d;box-shadow:0 10px 24px #6366f129}.tag-chip-button--all{color:#475569;border-color:#0f172a1a}.tag-chip-count{min-width:22px;height:22px;color:inherit;background:#0f172a0f;border-radius:999px;place-items:center;padding:0 6px;font-size:.74rem;display:inline-grid}.tag-chip-button.is-active .tag-chip-count{background:#fff3}.active-filter-note{color:#374151;background:linear-gradient(#fff 0%,#f5f3ff 100%);border:1px solid #6366f124;border-radius:16px;padding:12px 14px}.item-tag-row{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.item-tag-chip{color:#5b21b6;background:#f5f3ff;min-height:24px;padding:0 8px;font-size:.72rem}.item-tag-chip--more{color:#64748b;background:#f1f5f9;border-color:#0f172a14}.tag-section,.tag-preview-box{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #0f172a14;border-radius:18px;padding:14px}.tag-chip-list{flex-wrap:wrap;gap:8px;display:flex}.detail-tag-chip{color:#5b21b6;background:#f5f3ff;min-height:30px;padding:0 11px;font-size:.82rem}.tag-dialog{width:min(680px,100%)}.tag-textarea{min-height:150px}.detail-action-grid{grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}@media (max-width:720px){.tag-filter-bar{padding-bottom:10px}.tag-chip-button{flex:none}}.jp-study-toolbar{align-items:center}@media (max-width:720px){.jp-study-viewer{border-radius:18px;padding:14px}.jp-study-header{gap:12px}.jp-study-header .title-medium{font-size:1.08rem}.jp-study-header .small-text{font-size:.82rem}.jp-study-toolbar{bottom:max(10px, env(safe-area-inset-bottom));z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #6366f124;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 -4px;padding:9px;display:grid;position:sticky;box-shadow:0 14px 34px #0f172a29}.jp-study-toolbar .button{white-space:nowrap;border-radius:14px;min-height:42px;padding:0 8px;font-size:.82rem}.jp-study-list{gap:10px}.jp-study-card,.jp-study-card.jp-study-card--level-0,.jp-study-card.jp-study-card--level-1,.jp-study-card.jp-study-card--level-2{border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 9px;padding:14px}.jp-study-index,.jp-study-index-button{grid-area:1/1;align-self:center;width:40px;min-width:40px;height:40px}.jp-study-next,.jp-study-next-button{grid-area:1/3;place-self:center end;min-width:82px;min-height:36px;margin-top:0;padding:0 11px}.jp-study-lines{grid-area:2/1/auto/-1;gap:9px;line-height:1.88}.jp-study-original{letter-spacing:.012em;font-size:1.14rem;line-height:1.95}.jp-study-reading,.jp-study-meaning{border-radius:13px;padding:11px 12px;font-size:1rem;line-height:1.9}.fullscreen-note-frame--study{padding:10px}}.youtube-toggle-button{display:none}.youtube-collapsed-card{text-align:left;color:#172033;background:#ffffffe6;border:1px solid #6366f11f;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px;display:none}.youtube-collapsed-card>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.youtube-collapsed-card strong{font-size:.92rem}.youtube-collapsed-card span span{color:#64748b;font-size:.82rem}@media (max-width:720px){.youtube-section{border-radius:20px;padding:12px}.youtube-section__header{grid-template-columns:1fr;gap:10px;display:grid}.youtube-section__info{min-width:0}.youtube-section__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.youtube-section__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.youtube-section__actions .button{flex:none;width:100%;min-height:38px;padding:0 8px}.youtube-toggle-button{display:inline-flex}.youtube-section.is-collapsed .youtube-collapsed-card{display:flex}.youtube-section.is-collapsed .youtube-frame{display:none}.youtube-frame{border-radius:16px;min-height:auto}}.detail-info-toggle.is-active{color:#4f46e5;background:#eef2fff5;border-color:#5b5bd638}.detail-info-panel{background:linear-gradient(#fffffffa 0%,#f8fafcfa 100%);border:1px solid #0f172a14;border-radius:20px;margin-top:4px;padding:14px;box-shadow:inset 0 1px #ffffffe6}.detail-info-panel .tag-section{background:#ffffffb8}@media (max-width:720px){.detail-info-panel{border-radius:18px;padding:12px}.detail-info-panel .metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.detail-info-panel .metadata-grid{grid-template-columns:1fr}}html,body{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.vault-grid,.panel,.content-panel,.detail-drawer,.item-grid,.item-card,.item-card__open,.youtube-section,.jp-study-viewer,.jp-study-card{min-width:0;max-width:100%}.item-card__title,.item-card__subtitle,.item-card__footer,.item-tag-row,.detail-drawer .title-medium,.detail-drawer .title-large,.youtube-section__title,.jp-study-original,.jp-study-reading,.jp-study-meaning{overflow-wrap:anywhere;word-break:break-word}.youtube-toggle-button,.youtube-collapsed-card{display:none!important}.youtube-section.is-collapsed .youtube-frame,.youtube-section.is-expanded .youtube-frame{display:block}@media (max-width:720px){.app-shell,.vault-grid,.content-panel,.detail-drawer-backdrop,.detail-drawer{width:100%;max-width:100%;overflow-x:hidden}.content-panel{padding-inline:16px}.content-header,.content-controls,.item-grid,.pagination-bar,.tag-filter-bar,.detail-drawer>*{width:100%;min-width:0;max-width:100%}.content-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.content-controls .search-box{flex:none;grid-column:1/-1;width:100%;min-width:0}.content-controls .compact-select,.content-controls .button{flex:none;width:100%;min-width:0}.item-card,.item-card__open{width:100%;max-width:100%;overflow:hidden}.item-card__top,.item-card__footer,.item-card__body{min-width:0;max-width:100%}.item-card__footer{flex-wrap:wrap}.item-card__footer .small-text:last-child{max-width:100%;margin-left:auto}.item-card__title,.item-card__subtitle{max-width:100%}.detail-drawer-backdrop{left:0;right:0}.detail-drawer{width:100%;max-width:100%;padding-inline:16px}.detail-drawer .row{min-width:0}.youtube-section{width:100%;max-width:100%;overflow:hidden}.youtube-section__header,.youtube-section__info,.youtube-section__actions{width:100%;min-width:0;max-width:100%}.youtube-section__actions{grid-template-columns:1fr;gap:8px;display:grid}.youtube-section__actions .button{flex:none;width:100%;min-width:0}.youtube-section.is-collapsed .youtube-frame,.youtube-section .youtube-frame{display:block!important}.youtube-frame{aspect-ratio:16/9;width:100%;max-width:100%;min-height:0;overflow:hidden}.youtube-iframe{width:100%;height:100%}.jp-study-viewer,.jp-study-list,.jp-study-card,.jp-study-lines{width:100%;min-width:0;max-width:100%}.jp-study-next,.jp-study-next-button{grid-area:1/2;min-width:0;max-width:100%}.jp-study-lines{grid-column:1/-1}.jp-study-original,.jp-study-reading,.jp-study-meaning{min-width:0;max-width:100%}html,body{width:100%;max-width:100%;overflow-x:hidden}body{min-width:0}.app-shell,.vault-grid,.panel,.content-panel,.detail-drawer-backdrop,.detail-drawer,.item-grid,.item-card,.item-card__open,.note-preview-card,.jp-study-viewer,.youtube-section{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.app-shell{margin:0;overflow-x:hidden}.content-panel{padding-inline:16px;overflow-x:hidden}.content-header{flex-direction:column;align-items:stretch;width:100%;display:flex}.content-header>div,.content-header .title-large,.content-header .small-text{min-width:0;max-width:100%}.content-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;display:grid}.content-controls>*,.content-controls .compact-select,.content-controls .button{flex:none;width:100%;max-width:100%;min-width:0!important}.content-controls .search-box{flex-basis:auto;grid-column:1/-1;width:100%;max-width:100%;min-width:0!important}.tag-filter-bar,.pagination-bar{overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}.item-grid{grid-template-columns:minmax(0,1fr);gap:14px}.item-card,.item-card__open{overflow:visible}.item-card__top,.item-card__body,.item-card__footer,.item-tag-row{min-width:0;max-width:100%}.item-card__title,.item-card__subtitle{text-overflow:clip;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:block;overflow:visible}.item-card__footer{flex-wrap:wrap;gap:8px}.item-card__footer .small-text:last-child{width:100%;margin-left:0}.detail-drawer-backdrop{padding:0;inset:0;overflow-x:hidden}.detail-drawer{width:100dvw;min-width:0;max-width:100dvw;height:100dvh;min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));border-radius:0;overflow:hidden auto}.detail-drawer>*,.detail-drawer .stack,.detail-drawer .row,.detail-drawer .title-medium,.detail-drawer .title-large,.detail-drawer .note-preview-card,.detail-drawer .note-preview-text,.detail-drawer .detail-info-panel{box-sizing:border-box;min-width:0;max-width:100%}.detail-drawer>.stack:first-child>.row:first-child{flex-direction:column;align-items:stretch}.detail-drawer>.stack:first-child>.row:first-child>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.detail-drawer>.stack:first-child>.row:first-child>.row .badge{justify-self:start;width:auto}.detail-drawer>.stack:first-child>.row:first-child>.row .button{width:100%;min-width:0;padding-inline:10px}.note-preview-card,.jp-study-viewer,.jp-study-list,.jp-study-card,.jp-study-lines{width:100%;min-width:0;max-width:100%}.note-preview-card{overflow:visible}.jp-study-card,.jp-study-card.jp-study-card--level-0,.jp-study-card.jp-study-card--level-1,.jp-study-card.jp-study-card--level-2{grid-template-columns:auto minmax(0,1fr) auto;overflow:visible}.jp-study-lines{grid-column:1/-1;max-width:100%;overflow:visible}.jp-study-original,.jp-study-reading,.jp-study-meaning{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.youtube-toggle-button,.youtube-collapsed-card{display:none!important}.youtube-section,.youtube-section.is-collapsed,.youtube-section.is-expanded{padding:16px;overflow:visible!important}.youtube-section__header{flex-direction:column;align-items:stretch;gap:10px;display:flex!important}.youtube-section__header>.row:last-child{gap:8px;width:100%;flex-wrap:wrap!important;display:flex!important}.youtube-section__header>.row:last-child .button{flex:150px;width:auto;min-width:0}.youtube-section__title{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;max-width:100%;overflow:visible}.youtube-section .youtube-frame,.youtube-section.is-collapsed .youtube-frame,.youtube-section.is-expanded .youtube-frame{aspect-ratio:16/9;width:100%;max-width:100%;min-height:210px;overflow:hidden;display:block!important}.youtube-iframe{border:0;width:100%;height:100%;min-height:210px;display:block}html,body{inline-size:100%;max-inline-size:100%;overflow-x:clip!important}body{padding-inline:0!important}.app-shell,.vault-grid,.content-panel,.content-header,.content-controls,.item-grid,.item-card,.item-card__open,.tag-filter-bar,.pagination-bar{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%}.app-shell,.vault-grid,.content-panel,.item-grid{overflow-x:clip!important}.content-panel{contain:inline-size;padding-inline:16px}.content-header{overflow:hidden}.content-header .title-large,.content-header .small-text,.content-header .eyebrow{overflow-wrap:anywhere;word-break:break-word;max-inline-size:100%}.content-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;overflow:hidden;display:grid!important}.content-controls .search-box{grid-column:1/-1}.content-controls>*,.content-controls .search-box,.content-controls .compact-select,.content-controls .button,.content-controls select{flex:none!important;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}.content-controls select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-filter-bar{overscroll-behavior-x:contain;scrollbar-width:none;contain:inline-size;flex-wrap:nowrap;gap:8px;margin-inline:0;padding-inline:0 2px;display:flex;overflow-y:hidden;overflow-x:auto!important}.tag-filter-bar::-webkit-scrollbar{display:none}.tag-chip-button{flex:none;min-inline-size:0;max-inline-size:min(64vw,260px)}.tag-chip-label,.item-tag-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;display:inline-block;overflow:hidden}.tag-chip-label{max-inline-size:min(48vw,190px)}.tag-chip-count{flex:none}.item-card,.item-card__open{contain:inline-size;overflow:hidden!important}.item-card__top,.item-card__body,.item-card__footer,.item-tag-row{min-inline-size:0;max-inline-size:100%}.item-card__title,.item-card__subtitle{overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-inline-size:0;max-inline-size:100%;display:block}.item-tag-row{overflow:hidden}.item-tag-chip{min-inline-size:0;max-inline-size:100%}.pagination-bar{overscroll-behavior-x:contain;scrollbar-width:none;overflow-y:hidden;overflow-x:auto!important}.pagination-bar::-webkit-scrollbar{display:none}}.jp-study-card,.jp-study-card.jp-study-card--level-0,.jp-study-card.jp-study-card--level-1,.jp-study-card.jp-study-card--level-2{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding-right:14px;position:relative}.jp-study-lines{grid-area:1/2;padding-right:0}.jp-study-action-row{-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:1/3;justify-content:flex-start;align-items:flex-end;gap:8px;width:auto;min-width:max-content;margin-top:0;display:flex!important}.jp-study-save-button{color:#2563eb;background:#fffffff5;border:1px solid #2563eb2e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:900;line-height:1;transition:background .12s,border-color .12s,transform .12s;display:inline-flex;position:static;box-shadow:0 8px 18px #0f172a14}.jp-study-save-button:hover:not(:disabled),.jp-study-save-button:focus-visible{background:#eff6ff;border-color:#2563eb5c;outline:none;transform:translateY(-1px)}.jp-study-save-button.is-active{color:#15803d;background:#dcfce7;border-color:#16a34a47}.jp-study-save-button:disabled{cursor:wait;opacity:.72}.jp-study-next,.jp-study-next-button{grid-area:auto;place-self:auto;margin-top:0}@media (max-width:720px){.jp-study-card,.jp-study-card.jp-study-card--level-0,.jp-study-card.jp-study-card--level-1,.jp-study-card.jp-study-card--level-2{grid-template-columns:auto minmax(0,1fr) auto;padding-right:12px}.jp-study-action-row{grid-area:1/3;align-items:flex-end;width:auto;min-width:max-content}.jp-study-lines{grid-area:2/1/auto/-1;padding-right:0}.jp-study-next,.jp-study-next-button{grid-area:auto;justify-self:auto;min-width:82px;max-width:none}.jp-study-save-button{width:30px;height:30px}}