:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-soft:#f1f5f9;--color-text:#0f172a;--color-text-soft:#334155;--color-muted:#64748b;--color-primary:#1e293b;--color-primary-hover:#334155;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-soft:#eef2ff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--container-width:1120px;--header-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 12px 36px #0f172a14;--shadow-lg:0 24px 80px #0f172a1f;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-reading:Georgia, "Times New Roman", serif;--transition-fast:.15s ease;--transition-normal:.22s ease}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#020617;--color-surface:#0f172a;--color-surface-soft:#111827;--color-text:#e5e7eb;--color-text-soft:#cbd5e1;--color-muted:#94a3b8;--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-accent:#a78bfa;--color-accent-hover:#c4b5fd;--color-accent-soft:#a78bfa24;--color-border:#1e293b;--color-border-strong:#334155;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#60a5fa;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 12px 36px #00000052;--shadow-lg:0 24px 80px #00000075}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html{scroll-behavior:auto;touch-action:pan-x pan-y;background:var(--color-bg);overscroll-behavior:none;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{touch-action:pan-x pan-y;overscroll-behavior:none;overscroll-behavior-y:none;background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}body,button,input,textarea,select{font-family:var(--font-sans)}button,input,textarea,select{font:inherit}button,input[type=button],input[type=submit],input[type=reset],[role=button]{appearance:none;color:inherit;font:inherit;background:0 0;border:0;outline:none;margin:0;padding:0}button,a,label,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus,a:focus,[role=button]:focus{outline:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible{box-shadow:0 0 0 4px var(--color-accent-soft)}a{color:inherit;text-decoration:none}img,picture,svg,video,canvas{max-width:100%;display:block}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}input:-webkit-autofill{caret-color:var(--color-text);transition:background-color 9999s ease-out,color 9999s ease-out;border-color:var(--color-border)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}input:-webkit-autofill:hover{caret-color:var(--color-text);transition:background-color 9999s ease-out,color 9999s ease-out;border-color:var(--color-border)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}textarea:-webkit-autofill{caret-color:var(--color-text);transition:background-color 9999s ease-out,color 9999s ease-out;border-color:var(--color-border)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}textarea:-webkit-autofill:hover{caret-color:var(--color-text);transition:background-color 9999s ease-out,color 9999s ease-out;border-color:var(--color-border)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}select:-webkit-autofill{caret-color:var(--color-text);transition:background-color 9999s ease-out,color 9999s ease-out;border-color:var(--color-border)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}select:-webkit-autofill:hover{caret-color:var(--color-text);transition:background-color 9999s ease-out,color 9999s ease-out;border-color:var(--color-border)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}:-webkit-any(input:-webkit-autofill:focus,textarea:-webkit-autofill:focus,select:-webkit-autofill:focus){border-color:var(--color-accent)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset, 0 0 0 4px var(--color-accent-soft)!important;-webkit-text-fill-color:var(--color-text)!important}:is(input:autofill:focus,textarea:autofill:focus,select:autofill:focus){border-color:var(--color-accent)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset, 0 0 0 4px var(--color-accent-soft)!important;-webkit-text-fill-color:var(--color-text)!important}@media (width<=768px){input,textarea,select{font-size:16px!important}}::selection{background:var(--color-accent);color:#fff}html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}.page-scroll-memory-surface,.is-restoring-page-scroll .page-scroll-memory-surface{opacity:1;filter:none;transition:none}#root,.app-shell{overscroll-behavior:none;min-height:100vh}.app-main{width:100%;max-width:var(--container-width);min-height:0;margin:0 auto;padding:20px 16px 92px}.app-container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 16px}.section{margin:28px 0}.section-title{color:var(--color-text);letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(22px,3vw,34px);font-weight:800}.section-description{color:var(--color-muted);margin:0 0 22px;font-size:15px}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.btn{border-radius:var(--radius-md);min-height:42px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}.btn-soft{background:var(--color-surface-soft);color:var(--color-text)}.btn-soft:hover{background:var(--color-border)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-border-strong);background:var(--color-surface-soft)}.reading-content{max-width:760px;color:var(--color-text);font-family:var(--font-reading);margin:0 auto;font-size:clamp(18px,2vw,21px);line-height:1.9}.reading-content p{margin:0 0 1.2em}@media (width<=768px){:root{--header-height:60px}.app-main{padding:16px 14px 96px}.section{margin:22px 0}}.header-top{z-index:40;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.header-top-inner{min-height:var(--header-height);width:min(100% - 28px, var(--container-width));justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.header-logo{color:var(--color-text);letter-spacing:-.055em;flex-shrink:0;font-size:clamp(24px,4vw,30px);font-weight:950}.header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.header-write-button{justify-content:center;display:flex!important}.header-write-button,.header-icon-button,.header-user-button{border-radius:var(--radius-full);background:var(--color-surface-soft);color:var(--color-text);transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;display:inline-grid}.header-write-button:hover,.header-icon-button:hover,.header-user-button:hover{background:var(--color-accent-soft);color:var(--color-accent)}.header-write-button{align-items:center;gap:8px;height:42px;padding-inline:16px;font-weight:850;display:inline-flex}.header-icon-button,.header-user-button{width:42px;height:42px}.header-user-button{font-size:24px;overflow:hidden}.header-user-button.has-avatar{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);padding:2px}.header-user-button.has-avatar:hover{box-shadow:inset 0 0 0 2px var(--color-accent)}.header-user-avatar{border-radius:inherit;object-fit:cover;width:100%;height:100%}@media (width<=520px){.header-top-inner{min-height:60px;width:min(100% - 20px, var(--container-width))}.header-actions{gap:8px}.header-write-button{width:40px;height:40px;padding-inline:0}.header-write-button span{display:none}.header-icon-button,.header-user-button{width:40px;height:40px}}.nav-bottom{z-index:50;pointer-events:none;transition:opacity var(--transition-normal), transform var(--transition-normal);will-change:transform, opacity;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}.nav-bottom.is-hidden{opacity:0;transform:translateY(calc(100% + 28px))}.nav-bottom-inner{border-top:1px solid var(--color-border);background:var(--color-surface);pointer-events:auto;transform-origin:bottom;grid-template-columns:repeat(5,1fr);width:100%;padding:6px 8px;display:grid;box-shadow:0 -12px 36px #0f172a14}.nav-bottom.is-entering .nav-bottom-inner{animation:.38s cubic-bezier(.2,.9,.2,1) both navBottomDockIn}.nav-bottom-item{border-radius:var(--radius-lg);min-width:0;color:var(--color-muted);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 6px 6px;font-size:10.8px;font-weight:800;display:flex;position:relative}.nav-bottom.is-entering .nav-bottom-item{opacity:0;animation:.34s cubic-bezier(.2,.9,.2,1) both navBottomItemIn;transform:translateY(7px)scale(.98)}.nav-bottom.is-entering .nav-bottom-item:first-child{animation-delay:50ms}.nav-bottom.is-entering .nav-bottom-item:nth-child(2){animation-delay:80ms}.nav-bottom.is-entering .nav-bottom-item:nth-child(3){animation-delay:.11s}.nav-bottom.is-entering .nav-bottom-item:nth-child(4){animation-delay:.14s}.nav-bottom.is-entering .nav-bottom-item:nth-child(5){animation-delay:.17s}.nav-bottom-item:before{content:"";z-index:-1;border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;position:absolute;inset:4px 6px}.nav-bottom-item:hover{color:var(--color-text)}.nav-bottom-item:hover:before{background:var(--color-surface-soft);opacity:1}.nav-bottom-item.is-active{color:var(--color-accent)}.nav-bottom-item.is-active:before{background:var(--color-accent-soft);opacity:1}.nav-bottom-icon{border-radius:var(--radius-full);width:30px;height:30px;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;font-size:14.5px;line-height:1;display:grid}.nav-bottom-icon.has-avatar{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);padding:2px;overflow:hidden}.nav-bottom-avatar{border-radius:inherit;object-fit:cover;width:100%;height:100%}.nav-bottom-item.is-active .nav-bottom-icon{background:var(--color-accent);color:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--color-accent) 28%, transparent)}.nav-bottom-item.is-active .nav-bottom-icon.has-avatar{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-accent), 0 8px 22px color-mix(in srgb, var(--color-accent) 28%, transparent)}.nav-bottom-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color var(--transition-fast);line-height:1.2;overflow:hidden}.nav-bottom-item.is-active .nav-bottom-label{color:var(--color-accent)}@media (display-mode:standalone) and (width<=767px){.nav-bottom{bottom:0;left:0;right:0}.nav-bottom-inner{border-bottom:0;border-left:0;border-right:0;border-top:1px solid var(--color-border);padding:6px 8px max(6px, env(safe-area-inset-bottom));border-radius:0;overflow:hidden;box-shadow:0 -8px 24px #0f172a12}.nav-bottom-item{gap:2px;padding:5px 4px 4px;font-size:10.2px}.nav-bottom-icon{width:28px;height:28px;font-size:13.5px}}@media (width>=768px){.nav-bottom{padding:0 20px 22px}.nav-bottom-inner{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(100%,580px);box-shadow:var(--shadow-lg);margin-inline:auto;padding:8px}.nav-bottom-item{padding-block:10px}}@media (prefers-reduced-motion:reduce){.nav-bottom,.nav-bottom-inner,.nav-bottom-item{opacity:1;transition:none;animation:none;transform:none}}@keyframes navBottomDockIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes navBottomItemIn{to{opacity:1;transform:translateY(0)scale(1)}}.header-title{z-index:40;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.header-title-inner{min-height:var(--header-height);width:min(100% - 28px, var(--container-width));align-items:center;margin-inline:auto;display:flex}.header-title-text{color:var(--color-text);letter-spacing:-.055em;margin:0;font-size:clamp(24px,4vw,30px);font-weight:950}.header-back{z-index:50;height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.header-back-inner{width:min(100% - 28px, var(--container-width));grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;height:100%;margin-inline:auto;display:grid}.header-back-button{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text);transition:transform var(--transition-fast);background:0 0;place-items:center;font-size:18px;display:grid}.header-back-button svg{width:18px}.header-back-button:active{transform:scale(.94)}.header-back-title{color:var(--color-text);text-align:left;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:950;line-height:1.2;overflow:hidden}@media (width>=768px){.header-back-inner{width:min(100% - 40px, var(--container-width))}}.trend-section{margin-top:20px;padding-bottom:10px}.trend-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.trend-title{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:900;display:flex}.trend-title svg{color:var(--color-accent)}.trend-nav{gap:8px;display:none}.trend-nav-button{border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;place-items:center;font-size:12px;display:grid}.trend-nav-button:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.trend-nav-button:active{transform:scale(.92)}.trend-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 2px 12px;display:flex;overflow-x:auto}.trend-scroll::-webkit-scrollbar{display:none}.trend-book-card{scroll-snap-align:start;flex-direction:column;flex:0 0 100px;gap:6px;width:100px;display:flex}.trend-cover-wrapper{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);border-radius:10px;width:100px;height:150px;position:relative;overflow:hidden}.trend-book-cover,.trend-cover-placeholder{width:100%;height:100%}.trend-book-cover{object-fit:cover;transition:transform var(--transition-fast)}.trend-cover-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);color:var(--color-primary);place-items:center;font-size:36px;font-weight:950;display:grid}.trend-book-card:active .trend-book-cover,.trend-book-card:active .trend-cover-placeholder{transform:scale(1.04)}.trend-rank-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:950;line-height:1;position:absolute;bottom:5px;right:4px}.trend-rank-badge.top-1{background:#dc2626}.trend-rank-badge.top-2{background:#d97706}.trend-rank-badge.top-3{color:#1e293b;background:#fbbf24}.trend-status-badge{z-index:2;background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:5px;left:5px}.trend-book-title{min-height:34px;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:800;line-height:1.31;display:-webkit-box;overflow:hidden}.trend-book-views{color:var(--color-muted);align-items:center;gap:4px;margin:0;font-size:11px;font-weight:700;display:flex}.trend-book-views svg{color:var(--color-danger)}.trend-empty{color:var(--color-muted);margin:0;padding:0 16px;font-size:13px}.trend-skeleton-card{pointer-events:none}.trend-skeleton-cover,.trend-skeleton-title,.trend-skeleton-meta{background:var(--color-surface-soft);position:relative;overflow:hidden}.trend-skeleton-cover:after,.trend-skeleton-title:after,.trend-skeleton-meta:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite trend-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.trend-skeleton-title{border-radius:8px;width:100%;height:34px}.trend-skeleton-meta{border-radius:var(--radius-full);width:58%;height:13px}@media (hover:hover) and (pointer:fine){.trend-nav{display:flex}}@keyframes trend-skeleton-loading{to{transform:translate(100%)}}.recent-section{margin-top:20px;padding-bottom:10px}.recent-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.recent-title{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:900;display:flex}.recent-title svg{color:var(--color-warning)}.recent-nav{gap:8px;display:none}.recent-nav-button{border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;place-items:center;font-size:12px;display:grid}.recent-nav-button:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.recent-nav-button:active{transform:scale(.92)}.recent-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 2px 12px;display:flex;overflow-x:auto}.recent-scroll::-webkit-scrollbar{display:none}.recent-book-card{scroll-snap-align:start;flex-direction:column;flex:0 0 100px;gap:6px;width:100px;display:flex}.recent-cover-wrapper{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);border-radius:10px;width:100px;height:150px;position:relative;overflow:hidden}.recent-book-cover,.recent-cover-placeholder{width:100%;height:100%}.recent-book-cover{object-fit:cover;transition:transform var(--transition-fast)}.recent-cover-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);color:var(--color-primary);place-items:center;font-size:36px;font-weight:950;display:grid}.recent-book-card:active .recent-book-cover,.recent-book-card:active .recent-cover-placeholder{transform:scale(1.04)}.recent-status-badge{z-index:2;background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:5px;left:5px}.recent-chapter-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:5px;right:4px}.recent-book-title{min-height:34px;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:800;line-height:1.31;display:-webkit-box;overflow:hidden}.recent-book-time{color:var(--color-muted);align-items:center;gap:4px;margin:0;font-size:11px;font-weight:700;display:flex}.recent-book-time svg{color:var(--color-warning)}.recent-book-time.hot-update,.recent-book-time.hot-update svg{color:var(--color-danger)}.recent-empty{color:var(--color-muted);margin:0;padding:0 16px;font-size:13px}.recent-skeleton-card{pointer-events:none}.recent-skeleton-cover,.recent-skeleton-title,.recent-skeleton-meta{background:var(--color-surface-soft);position:relative;overflow:hidden}.recent-skeleton-cover:after,.recent-skeleton-title:after,.recent-skeleton-meta:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite recent-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.recent-skeleton-title{border-radius:8px;width:100%;height:34px}.recent-skeleton-meta{border-radius:var(--radius-full);width:58%;height:13px}@media (hover:hover) and (pointer:fine){.recent-nav{display:flex}}@keyframes recent-skeleton-loading{to{transform:translate(100%)}}.topfav-section{margin-top:20px;padding-bottom:10px}.topfav-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topfav-title{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:900;display:flex}.topfav-title svg{color:var(--color-danger)}.topfav-nav{gap:8px;display:none}.topfav-nav-button{border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;place-items:center;font-size:12px;display:grid}.topfav-nav-button:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.topfav-nav-button:active{transform:scale(.92)}.topfav-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 2px 12px;display:flex;overflow-x:auto}.topfav-scroll::-webkit-scrollbar{display:none}.topfav-book-card{scroll-snap-align:start;flex-direction:column;flex:0 0 100px;gap:6px;width:100px;display:flex}.topfav-cover-wrapper{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);border-radius:10px;width:100px;height:150px;position:relative;overflow:hidden}.topfav-book-cover,.topfav-cover-placeholder{width:100%;height:100%}.topfav-book-cover{object-fit:cover;transition:transform var(--transition-fast)}.topfav-cover-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);color:var(--color-primary);place-items:center;font-size:36px;font-weight:950;display:grid}.topfav-book-card:active .topfav-book-cover,.topfav-book-card:active .topfav-cover-placeholder{transform:scale(1.04)}.topfav-status-badge{z-index:2;background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:5px;left:5px}.topfav-info-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:5px;right:4px}.topfav-info-item{align-items:center;gap:3px;display:flex}.topfav-info-separator{background:#ffffff59;width:1px;height:9px}.topfav-book-title{min-height:34px;max-height:34px;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:800;line-height:1.31;display:-webkit-box;overflow:hidden}.topfav-empty{color:var(--color-muted);margin:0;padding:0 16px;font-size:13px}.topfav-skeleton-card{pointer-events:none}.topfav-skeleton-cover,.topfav-skeleton-title{background:var(--color-surface-soft);position:relative;overflow:hidden}.topfav-skeleton-cover:after,.topfav-skeleton-title:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite topfav-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.topfav-skeleton-title{border-radius:8px;width:100%;height:34px}@media (hover:hover) and (pointer:fine){.topfav-nav{display:flex}}@keyframes topfav-skeleton-loading{to{transform:translate(100%)}}.final-section{margin-top:20px;padding-bottom:10px}.final-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.final-title{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:900;display:flex}.final-title svg{color:var(--color-success)}.final-nav{gap:8px;display:none}.final-nav-button{border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;place-items:center;font-size:12px;display:grid}.final-nav-button:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.final-nav-button:active{transform:scale(.92)}.final-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 2px 12px;display:flex;overflow-x:auto}.final-scroll::-webkit-scrollbar{display:none}.final-book-card{scroll-snap-align:start;flex-direction:column;flex:0 0 100px;gap:6px;width:100px;display:flex}.final-cover-wrapper{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);border-radius:10px;width:100px;height:150px;position:relative;overflow:hidden}.final-book-cover,.final-cover-placeholder{width:100%;height:100%}.final-book-cover{object-fit:cover;transition:transform var(--transition-fast)}.final-cover-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);color:var(--color-primary);place-items:center;font-size:36px;font-weight:950;display:grid}.final-book-card:active .final-book-cover,.final-book-card:active .final-cover-placeholder{transform:scale(1.04)}.final-chapter-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:5px;right:4px}.final-book-title{min-height:34px;max-height:34px;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:800;line-height:1.31;display:-webkit-box;overflow:hidden}.final-empty{color:var(--color-muted);margin:0;padding:0 16px;font-size:13px}.final-skeleton-card{pointer-events:none}.final-skeleton-cover,.final-skeleton-title{background:var(--color-surface-soft);position:relative;overflow:hidden}.final-skeleton-cover:after,.final-skeleton-title:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite final-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.final-skeleton-title{border-radius:8px;width:100%;height:34px}@media (hover:hover) and (pointer:fine){.final-nav{display:flex}}@keyframes final-skeleton-loading{to{transform:translate(100%)}}.topwriter-section{margin-top:20px;padding-bottom:10px}.topwriter-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topwriter-title{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:900;display:flex}.topwriter-title svg{color:#fbbf24}.topwriter-nav{gap:8px;display:flex}.topwriter-nav-button{border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;place-items:center;font-size:12px;display:grid}.topwriter-nav-button:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.topwriter-nav-button:active{transform:scale(.92)}.topwriter-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 2px 12px;display:flex;overflow-x:auto}.topwriter-scroll::-webkit-scrollbar{display:none}.topwriter-card{scroll-snap-align:start;flex-direction:column;flex:0 0 90px;align-items:center;gap:6px;width:90px;display:flex}.topwriter-avatar-wrapper{border-radius:var(--radius-full);background:var(--color-surface);border:2px solid #fbbf24;width:70px;height:70px;padding:3px;position:relative}.topwriter-avatar,.topwriter-avatar-placeholder{border-radius:var(--radius-full);width:100%;height:100%}.topwriter-avatar{object-fit:cover}.topwriter-avatar-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);color:var(--color-primary);place-items:center;font-size:26px;font-weight:950;display:grid}.topwriter-crown{border:2px solid var(--color-surface);border-radius:var(--radius-full);color:#1e293b;background:#fbbf24;place-items:center;width:20px;height:20px;font-size:9px;display:grid;position:absolute;bottom:-2px;right:-2px}.topwriter-name{width:100%;color:var(--color-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:800;line-height:1.25;overflow:hidden}.topwriter-chapters{color:var(--color-warning);text-align:center;margin:0;font-size:10px;font-weight:900;line-height:1.2}.topwriter-empty{color:var(--color-muted);margin:0;padding:0 16px;font-size:13px}.topwriter-skeleton-card{pointer-events:none}.topwriter-skeleton-avatar,.topwriter-skeleton-name,.topwriter-skeleton-meta{background:var(--color-surface-soft);position:relative;overflow:hidden}.topwriter-skeleton-avatar:after,.topwriter-skeleton-name:after,.topwriter-skeleton-meta:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite topwriter-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.topwriter-skeleton-name{border-radius:var(--radius-full);width:82%;height:15px}.topwriter-skeleton-meta{border-radius:var(--radius-full);width:68%;height:12px}@keyframes topwriter-skeleton-loading{to{transform:translate(100%)}}.home-page{--home-mobile-inline-padding:18px;--home-mobile-right-bleed:14px;overflow:visible}.home-page .topwriter-scroll{gap:8px}@media (width<=768px){.app-main:has(.home-page){width:100%;padding-left:10px;padding-right:0}.home-page .trend-header,.home-page .recent-header,.home-page .topfav-header,.home-page .final-header,.home-page .topwriter-header{padding-right:8px}.home-page .trend-title,.home-page .recent-title,.home-page .topfav-title,.home-page .final-title,.home-page .topwriter-title{gap:2px}.home-page .trend-nav,.home-page .recent-nav,.home-page .topfav-nav,.home-page .final-nav,.home-page .topwriter-nav{gap:4px}.home-page .trend-scroll,.home-page .recent-scroll,.home-page .topfav-scroll,.home-page .final-scroll,.home-page .topwriter-scroll{width:100%;max-width:none;padding-left:0;padding-right:var(--home-mobile-right-bleed);scroll-padding-left:0;scroll-padding-right:var(--home-mobile-right-bleed);overscroll-behavior-x:contain}.home-page .trend-scroll:after,.home-page .recent-scroll:after,.home-page .topfav-scroll:after,.home-page .final-scroll:after,.home-page .topwriter-scroll:after{width:var(--home-mobile-right-bleed);min-width:var(--home-mobile-right-bleed);flex:0 0 var(--home-mobile-right-bleed);content:"";height:1px;display:block}}.full-page-tab-layer{z-index:140;background:var(--full-page-tab-page-bg,var(--color-surface));color:var(--color-text);animation:.18s fullPageTabLayerIn;display:grid;position:fixed;inset:0}.full-page-tab-panel{--full-page-tab-header-height:calc(56px + env(safe-area-inset-top));background:var(--full-page-tab-panel-bg,var(--color-surface));min-width:0;min-height:0;color:var(--color-text);grid-template-rows:minmax(0,1fr);animation:.2s cubic-bezier(.2,.8,.2,1) fullPageTabPanelIn;display:grid;position:relative;overflow:hidden}.full-page-tab-panel.has-description{--full-page-tab-header-height:calc(62px + env(safe-area-inset-top))}.full-page-tab-header{z-index:2;box-sizing:border-box;height:var(--full-page-tab-header-height);min-height:0;padding:env(safe-area-inset-top) 8px 0;background:color-mix(in srgb, var(--full-page-tab-panel-bg,var(--color-surface)) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--transition-fast), opacity .16s ease, transform .18s ease;border-bottom:1px solid #0000;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:4px;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}.full-page-tab-panel.is-header-hidden .full-page-tab-header{opacity:0;pointer-events:none;transform:translateY(-100%)}.full-page-tab-header.has-border{border-bottom-color:color-mix(in srgb, var(--color-border) 54%, transparent)}.full-page-tab-left-action,.full-page-tab-right-action{align-self:center;place-items:center;width:64px;min-width:0;display:inline-grid}.full-page-tab-left-action{justify-self:start}.full-page-tab-right-action{justify-self:end}.full-page-tab-close,.full-page-tab-header-spacer{place-items:center;width:40px;height:40px;display:inline-grid}.full-page-tab-close{color:color-mix(in srgb, var(--color-text-soft) 88%, var(--full-page-tab-panel-bg,var(--color-surface)) 12%);font:inherit;cursor:pointer;touch-action:manipulation;transition:color var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;font-size:15px}.full-page-tab-close:hover{color:var(--color-text);background:0 0}.full-page-tab-close:active{transform:scale(.94)}.full-page-tab-heading{text-align:center;align-self:center;justify-items:center;gap:0;min-width:0;display:grid}.full-page-tab-header.has-description .full-page-tab-heading{gap:2px}.full-page-tab-title{max-width:100%;color:var(--color-text);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:920;line-height:1.15;overflow:hidden}.full-page-tab-description{max-width:min(100%,320px);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden}.full-page-tab-body{box-sizing:border-box;overscroll-behavior:contain;min-height:0;padding-top:var(--full-page-tab-header-height);scroll-padding-top:var(--full-page-tab-header-height);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow-y:auto}@keyframes fullPageTabLayerIn{0%{opacity:0}to{opacity:1}}@keyframes fullPageTabPanelIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0,0)}}@media (width>=729px){.full-page-tab-layer{padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));background:var(--full-page-tab-overlay,color-mix(in srgb, var(--color-bg) 36%, #0f172a75));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);place-items:center}.full-page-tab-panel{--full-page-tab-header-height:56px;border:1px solid color-mix(in srgb, var(--color-border) 58%, transparent);width:min(100%,620px);height:min(82dvh,720px);box-shadow:var(--shadow-lg);border-radius:24px}.full-page-tab-panel.has-description{--full-page-tab-header-height:62px}.full-page-tab-header{padding:0 8px}}.loading-mark{min-height:var(--loading-mark-min-height,min(48vh, 420px));place-items:center;width:100%;display:grid}.loading-mark-icon{place-items:center;width:68px;height:68px;display:grid;position:relative}.loading-mark-icon:before{content:"";border:2px solid color-mix(in srgb, var(--color-accent) 18%, transparent);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:.9s linear infinite loading-mark-spin;position:absolute;inset:0}.loading-mark-logo{object-fit:cover;border-radius:14px;width:38px;height:38px;display:block}@keyframes loading-mark-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-mark-icon:before{animation:none}}.notice-board{--notice-color:var(--color-warning);text-align:center;place-items:center;width:100%;min-height:min(60vh,540px);padding:30px 12px;display:grid}.notice-board-danger{--notice-color:var(--color-danger)}.notice-board-info{--notice-color:var(--color-info)}.notice-board-success{--notice-color:var(--color-success)}.notice-board-empty{--notice-color:var(--color-accent)}.notice-board-panel{justify-items:center;width:100%;max-width:520px;padding:28px 14px 32px;display:grid}.notice-board-visual{place-items:center;width:164px;height:142px;display:grid;position:relative}.notice-board-main-icon{color:color-mix(in srgb, var(--notice-color) 84%, var(--color-text-soft));opacity:.94;font-size:88px;animation:4.8s ease-in-out infinite notice-board-main-float;transform:rotate(-5deg)}.notice-board-spark{color:color-mix(in srgb, var(--notice-color) 72%, var(--color-surface));opacity:.68;animation:2.9s ease-in-out infinite notice-board-twinkle;position:absolute}.notice-board-spark-one{font-size:9px;top:18px;left:20px}.notice-board-spark-two{font-size:7px;animation-delay:.45s;top:38px;right:14px}.notice-board-spark-three{font-size:6px;animation-delay:.9s;bottom:24px;left:34px}.notice-board-content{justify-items:center;gap:10px;width:100%;display:grid}.notice-board-eyebrow,.notice-board-title,.notice-board-description{margin:0}.notice-board-eyebrow{color:var(--notice-color);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.notice-board-title{max-width:420px;color:var(--color-text);letter-spacing:-.05em;font-size:clamp(25px,5vw,36px);font-weight:920;line-height:1.12}.notice-board-description{max-width:410px;color:var(--color-text-soft);font-size:14px;line-height:1.75}.notice-board-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.notice-board-action{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 92%, var(--color-surface));min-height:42px;color:var(--color-surface);transition:transform var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.notice-board-action:hover{background:var(--color-primary-hover);transform:translateY(-1px)}@keyframes notice-board-main-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-7px)rotate(-2deg)}}@keyframes notice-board-twinkle{0%,to{opacity:.26;transform:scale(.82)}50%{opacity:.86;transform:scale(1.08)}}@media (width<=480px){.notice-board{min-height:min(64vh,520px);padding-inline:0}.notice-board-panel{padding:28px 12px 30px}.notice-board-visual{width:150px;height:130px}.notice-board-main-icon{font-size:78px}}@media (prefers-reduced-motion:reduce){.notice-board-main-icon,.notice-board-spark{animation:none}.notice-board-action{transition:none}}.full-page-back-bar{z-index:60;width:100%;min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));box-shadow:none;opacity:1;transition:opacity var(--transition-normal), transform var(--transition-normal), background var(--transition-normal);will-change:transform, opacity;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.full-page-back-bar.is-static{z-index:20;min-height:calc(48px + env(safe-area-inset-top));will-change:auto;margin:0;transition:none;position:absolute;top:0;left:0;right:0;transform:none}.full-page-back-bar:before,.full-page-back-bar:after{content:"";z-index:-1;pointer-events:none;position:absolute;left:0;right:0}.full-page-back-bar:before{transition:background var(--transition-normal);background:0 0;inset:0}.full-page-back-bar:after{opacity:0;background:color-mix(in srgb, var(--color-border) 62%, transparent);height:1px;box-shadow:0 8px 18px color-mix(in srgb, var(--color-text) 7%, transparent);transition:opacity var(--transition-normal);top:100%}[data-theme=dark] .full-page-back-bar:after{background:color-mix(in srgb, var(--color-border-strong) 58%, transparent);box-shadow:0 8px 18px #0003}.full-page-back-bar.has-background,.full-page-back-bar.has-background:before{background:var(--full-page-back-bar-bg,var(--color-surface))}.full-page-back-bar.has-background.has-bottom-divider:after{opacity:1}.full-page-back-bar.is-hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1px))}.full-page-back-bar.is-static.is-hidden{opacity:1;pointer-events:auto;transform:none}.full-page-back-control,.full-page-back-control-placeholder{border-radius:var(--radius-full);justify-content:center;align-items:center;width:40px;min-width:0;min-height:40px;display:inline-flex}.full-page-back-right{border-radius:var(--radius-full);justify-content:flex-end;justify-self:end;align-items:center;width:auto;min-width:40px;min-height:40px;display:inline-flex;overflow:visible}.full-page-back-right>*{max-width:none}.full-page-back-control{color:var(--color-text);touch-action:manipulation;transition:transform var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;font-size:18px}.full-page-back-control svg{width:18px}.full-page-back-control:active{transform:scale(.96)}.full-page-back-title{min-width:0}@media (width>=768px){.full-page-back-bar{min-height:calc(62px + env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left));grid-template-columns:54px minmax(0,1fr) auto}.full-page-back-bar.is-static{min-height:calc(54px + env(safe-area-inset-top))}.full-page-back-control,.full-page-back-control-placeholder{width:44px;min-height:44px}.full-page-back-right{min-width:44px;min-height:44px}.full-page-back-control{font-size:19px}}@media (prefers-reduced-motion:reduce){.full-page-back-bar{opacity:1;transition:none;transform:none}.full-page-back-bar:before,.full-page-back-bar:after,.full-page-back-control{transition:none}}.work-chapter-list{padding:12px 12px calc(12px + env(safe-area-inset-bottom));flex:none;gap:10px;display:grid}.work-chapter-list-head,.work-chapter-list-item{grid-template-columns:50px minmax(0,1fr) 78px 78px;align-items:center;gap:8px;display:grid}.work-chapter-list-head{color:var(--color-muted);text-transform:uppercase;padding:0 10px;font-size:10.6px;font-weight:900;line-height:1}.work-chapter-list-head span:nth-child(3),.work-chapter-list-head span:nth-child(4){text-align:center}.work-chapter-list-items{box-shadow:none;background:0 0;border-radius:18px;gap:1px;display:grid;overflow:hidden}.work-chapter-list-item{height:68px;min-height:68px;color:var(--color-text);background:0 0;border:0;border-radius:14px;padding:10px;text-decoration:none;position:relative}.work-chapter-list-item+.work-chapter-list-item{border-top:0}.work-chapter-list-item.is-current{background:0 0}.work-chapter-list-item:active{background:color-mix(in srgb, var(--color-accent-soft) 24%, transparent)}.work-chapter-list-index{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 76%, var(--color-surface)), color-mix(in srgb, var(--color-surface-soft) 72%, transparent));width:40px;height:40px;color:var(--color-accent);border:0;border-radius:14px;place-items:center;font-size:14px;font-weight:900;display:grid;position:relative}.work-chapter-list-item.is-current .work-chapter-list-index{background:var(--color-accent);color:#fff}.work-chapter-list-current-mark{border:1.5px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-success);width:10px;height:10px;position:absolute;bottom:-1px;right:-2px}.work-chapter-list-copy{gap:6px;min-width:0;display:grid;container-type:inline-size}.work-chapter-list-copy strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14.8px;font-weight:780;line-height:1.22;display:block;overflow:hidden}.work-chapter-list-meta{min-width:0;color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:11.6px;font-weight:740;line-height:1;display:none;overflow:hidden}.work-chapter-list-meta>span{white-space:nowrap;align-items:center;width:100%;min-width:0;display:inline-grid;overflow:hidden}.work-chapter-list-meta-date{display:none!important}.work-chapter-list-mobile-date-label{display:none}.work-chapter-list-date{color:var(--color-text-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12.4px;font-weight:780;line-height:1.12;overflow:hidden}.work-chapter-list-price{border-radius:var(--radius-full);text-align:center;white-space:nowrap;place-items:center;min-height:28px;padding:0 9px;font-size:11.8px;font-weight:860;line-height:1;display:inline-grid}.work-chapter-list-price.is-free{background:color-mix(in srgb, var(--color-success) 12%, var(--color-surface));color:var(--color-success)}.work-chapter-list-price.is-paid{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));color:var(--color-warning)}.work-chapter-list.is-empty{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:220px;padding:28px 18px}.work-chapter-list-empty-mark{width:56px;height:56px;color:var(--color-accent);background:0 0;border:0;border-radius:0;place-items:center;font-size:22px;display:grid}.work-chapter-list.is-empty h3,.work-chapter-list.is-empty p{display:none}.work-chapter-tab-sort{width:40px;height:40px;color:var(--color-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;font-size:15px;display:inline-grid}.work-chapter-tab-sort:active{transform:scale(.94)}@media (width<=767px){.work-chapter-list{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.work-chapter-list-head,.work-chapter-list-item{grid-template-columns:44px minmax(0,1fr) 82px;gap:9px}.work-chapter-list-head{padding-inline:8px;font-size:10.4px;display:grid}.work-chapter-list-head span:nth-child(3){display:none}.work-chapter-list-head span:nth-child(4){text-align:center}.work-chapter-list-item{height:76px;min-height:76px;padding:11px 9px}.work-chapter-list-index{border-radius:14px;width:38px;height:38px;font-size:14.2px}.work-chapter-list-copy{align-content:center;gap:7px;overflow:hidden}.work-chapter-list-copy strong{font-size:15px;font-weight:800;line-height:1.2}.work-chapter-list-meta{grid-template-columns:max-content;justify-content:start;align-items:center;column-gap:0;font-size:11.4px;line-height:1.05;display:grid}.work-chapter-list-meta>span{grid-template-columns:max-content}.work-chapter-list-meta-date{grid-area:1/1;width:auto;display:inline-grid!important}.work-chapter-list-mobile-date-label{display:inline}.work-chapter-list-date{display:none}.work-chapter-list-price{align-self:center;min-height:30px;padding-inline:9px;font-size:11.8px}}.popup-frame-layer{z-index:140;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg) 30%, #0f172a85);-webkit-backdrop-filter:blur(18px);animation:.16s popupFrameLayerIn;display:grid;position:fixed;inset:0}.popup-frame-layer.is-center{place-items:center}.popup-frame-layer.is-top{place-items:start center}.popup-frame-layer.is-bottom{place-items:end center}.popup-frame-layer.is-top-left{place-items:start}.popup-frame-layer.is-top-right{place-items:start end}.popup-frame-layer.is-bottom-left{place-items:end start}.popup-frame-layer.is-bottom-right{place-items:end}.popup-frame-layer.is-toast{z-index:150;pointer-events:none;-webkit-backdrop-filter:none;background:0 0}.popup-frame-dialog{--popup-frame-tone:var(--color-muted);--popup-frame-tone-soft:color-mix(in srgb, var(--color-muted) 10%, var(--color-surface));width:min(100%, var(--popup-frame-width,400px));border:1px solid color-mix(in srgb, var(--color-border) 76%, transparent);background:color-mix(in srgb, var(--color-surface) 96%, transparent);max-height:min(86dvh,640px);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:24px;animation:.2s cubic-bezier(.2,.8,.2,1) popupFrameDialogIn;display:grid;position:relative;overflow:hidden}.popup-frame-dialog.is-small{--popup-frame-width:320px}.popup-frame-dialog.is-medium{--popup-frame-width:400px}.popup-frame-dialog.is-large{--popup-frame-width:520px}.popup-frame-dialog.is-wide{--popup-frame-width:640px}.popup-frame-dialog.is-tone-info{--popup-frame-tone:var(--color-info);--popup-frame-tone-soft:color-mix(in srgb, var(--color-info) 12%, var(--color-surface))}.popup-frame-dialog.is-tone-success{--popup-frame-tone:var(--color-success);--popup-frame-tone-soft:color-mix(in srgb, var(--color-success) 12%, var(--color-surface))}.popup-frame-dialog.is-tone-warning{--popup-frame-tone:var(--color-warning);--popup-frame-tone-soft:color-mix(in srgb, var(--color-warning) 13%, var(--color-surface))}.popup-frame-dialog.is-tone-danger{--popup-frame-tone:var(--color-danger);--popup-frame-tone-soft:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface))}.popup-frame-header{text-align:center;justify-items:center;gap:11px;min-width:0;padding:22px 22px 0;display:grid;position:relative}.popup-frame-dialog.is-align-left .popup-frame-header{text-align:left;justify-items:start}.popup-frame-icon{background:var(--popup-frame-tone-soft);width:44px;height:44px;color:var(--popup-frame-tone);border-radius:17px;place-items:center;font-size:20px;display:grid}.popup-frame-heading{gap:6px;min-width:0;display:grid}.popup-frame-title{color:var(--color-text);letter-spacing:-.03em;margin:0;font-size:17px;font-weight:900;line-height:1.18}.popup-frame-description{max-width:31rem;color:var(--color-muted);margin:0;font-size:12.8px;font-weight:620;line-height:1.46}.popup-frame-close{border-radius:var(--radius-full);width:28px;height:28px;color:color-mix(in srgb, var(--color-muted) 78%, transparent);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:11.5px;display:grid;position:absolute;top:12px;right:12px}.popup-frame-close:hover{border-color:color-mix(in srgb, var(--color-border) 72%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 58%, transparent);color:var(--color-text)}.popup-frame-close:active{transform:scale(.94)}.popup-frame-body{overscroll-behavior:contain;min-height:0;color:var(--color-text-soft);-webkit-overflow-scrolling:touch;padding:14px 22px 0;font-size:13.5px;font-weight:560;line-height:1.52;overflow-y:auto}.popup-frame-dialog.is-align-center .popup-frame-body{text-align:center}.popup-frame-dialog:not(.has-header) .popup-frame-body{padding-top:22px}.popup-frame-footer{background:0 0;flex-wrap:wrap;gap:9px;padding:16px 22px 22px;display:flex}.popup-frame-footer.is-footer-start{justify-content:flex-start}.popup-frame-footer.is-footer-center{justify-content:center}.popup-frame-footer.is-footer-end{justify-content:flex-end}.popup-frame-footer.is-footer-stretch{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.popup-frame-footer>:where(button,a){background:color-mix(in srgb, var(--color-border) 56%, var(--color-surface-soft));min-width:92px;min-height:38px;color:var(--color-text);font:inherit;cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);border:0;border-radius:13px;place-items:center;padding:0 15px;font-size:12.8px;font-weight:800;line-height:1;text-decoration:none;display:inline-grid}.popup-frame-footer>:where(button,a):hover{background:color-mix(in srgb, var(--color-border) 56%, var(--color-surface-soft));color:var(--color-text)}.popup-frame-footer>:where(button,a):active{transform:scale(.97)}.popup-frame-footer>:where(button,a):disabled{cursor:not-allowed;opacity:.64}.popup-frame-footer>:where(button,a):disabled:active{transform:none}.popup-frame-footer>:where(button,a):focus-visible{outline:3px solid color-mix(in srgb, var(--popup-frame-tone) 25%, transparent);outline-offset:2px}.popup-frame-footer>:where(button,a):last-child,.popup-frame-footer>:where(button,a):last-child:hover{background:var(--color-accent);color:#fff}.popup-frame-dialog.has-footer:not(.has-body) .popup-frame-footer{padding-top:16px}.popup-frame-dialog.is-toast{--popup-frame-width:332px;pointer-events:auto;background:color-mix(in srgb, var(--color-surface) 98%, transparent);border-radius:17px;max-height:none;animation:.18s popupFrameToastIn;box-shadow:0 12px 30px #0206171f}.popup-frame-dialog.is-toast .popup-frame-header{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;gap:9px;padding:10px 13px}.popup-frame-dialog.is-toast .popup-frame-icon{border-radius:11px;width:28px;height:28px;font-size:13px}.popup-frame-dialog.is-toast .popup-frame-heading{gap:1px}.popup-frame-dialog.is-toast .popup-frame-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;line-height:1.16;overflow:hidden}.popup-frame-dialog.is-toast .popup-frame-description{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1.28;overflow:hidden}.popup-frame-dialog.is-toast .popup-frame-close{width:24px;height:24px;font-size:10.5px;position:static}.popup-frame-dialog.is-toast .popup-frame-body,.popup-frame-dialog.is-toast .popup-frame-footer{display:none}@keyframes popupFrameLayerIn{0%{opacity:0}to{opacity:1}}@keyframes popupFrameDialogIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popupFrameToastIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.popup-frame-layer{padding:12px 12px max(12px, env(safe-area-inset-bottom))}.popup-frame-dialog.is-dialog{border-radius:23px;width:100%;max-height:min(88dvh,640px)}.popup-frame-dialog.is-toast{width:min(100%, var(--popup-frame-width,332px))}.popup-frame-header{padding:21px 20px 0}.popup-frame-icon{border-radius:16px;width:42px;height:42px;font-size:19px}.popup-frame-body{padding:14px 20px 0}.popup-frame-dialog:not(.has-header) .popup-frame-body{padding-top:20px}.popup-frame-footer{padding:15px 20px max(20px, env(safe-area-inset-bottom))}.popup-frame-dialog.is-toast .popup-frame-header{padding:10px 13px}}.work-detail-info{--work-detail-back-top:max(14px, env(safe-area-inset-top));--work-detail-back-height:38px;--work-detail-back-gap:10px;--work-detail-cover-width:108px;--work-detail-cover-height:162px;--work-detail-title-max-lines:3;--work-detail-title-line-height:1.16;width:100%;max-width:520px;padding:calc(var(--work-detail-back-top) + var(--work-detail-back-height) + var(--work-detail-back-gap)) 16px 10px;text-align:center;justify-items:center;gap:12px;margin:0 auto;display:grid}.work-detail-cover-wrap{width:var(--work-detail-cover-width);display:grid}.work-detail-cover,.work-detail-cover-placeholder{box-sizing:border-box;width:var(--work-detail-cover-width);height:var(--work-detail-cover-height);border:1px solid color-mix(in srgb, var(--color-border) 56%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 72%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-surface) 38%, transparent);border-radius:15px}.work-detail-cover{object-fit:cover;display:block}.work-detail-cover-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 50%), var(--color-surface-soft);color:var(--color-primary);place-items:center;font-size:34px;font-weight:950;display:grid}.work-detail-info-body{justify-items:center;gap:9px;width:100%;min-width:0;display:grid}.work-detail-title{width:100%;max-width:320px;color:var(--color-text);font-size:clamp(20px,5.5vw,27px);font-weight:950;line-height:var(--work-detail-title-line-height);letter-spacing:-.03em;text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:var(--work-detail-title-max-lines);line-clamp:var(--work-detail-title-max-lines);-webkit-box-orient:vertical;margin:0;padding:3px 0 2px;display:-webkit-box;overflow:hidden}.work-detail-title.is-medium{max-width:340px;font-size:clamp(19.5px,5.2vw,25.5px)}.work-detail-title.is-long{letter-spacing:-.026em;max-width:370px;font-size:clamp(18.5px,4.9vw,23.5px)}.work-detail-title.is-very-long{--work-detail-title-max-lines:4;letter-spacing:-.02em;max-width:390px;font-size:clamp(17.5px,4.5vw,21.5px)}.work-detail-author{border-radius:var(--radius-full);max-width:100%;min-height:28px;color:var(--color-muted);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.work-detail-author:hover{color:var(--color-text)}.work-detail-author-avatar,.work-detail-author-avatar-placeholder{border-radius:50%;flex:none;width:28px;height:28px}.work-detail-author-avatar{object-fit:cover;display:block}.work-detail-author-avatar-placeholder{background:var(--color-surface-soft);color:var(--color-accent);place-items:center;font-size:12px;font-weight:950;display:grid}.work-detail-author span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.work-detail-header-actions{justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.work-detail-header-action-button{background:color-mix(in srgb, var(--color-surface-soft) 82%, transparent);width:36px;height:36px;color:var(--color-text-soft);font:inherit;cursor:pointer;touch-action:manipulation;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;border:0;border-radius:13px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.work-detail-header-action-button:hover{background:color-mix(in srgb, var(--color-surface-soft) 94%, transparent);color:var(--color-text)}.work-detail-header-action-button:active{transform:scale(.94)}.work-detail-header-action-button.is-favorited{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-soft));color:color-mix(in srgb, var(--color-danger) 82%, var(--color-text-soft))}.work-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin-top:2px;display:grid}.work-detail-stat{background:color-mix(in srgb, var(--color-surface-soft) 78%, transparent);min-width:0;min-height:52px;color:var(--color-text-soft);text-align:center;border-radius:15px;align-content:center;justify-items:center;gap:5px;padding:7px 5px;text-decoration:none;display:grid}.work-detail-stat svg{color:var(--color-accent);font-size:12px}.work-detail-stat-copy{justify-items:center;gap:3px;min-width:0;display:grid}.work-detail-stat strong{max-width:100%;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:950;line-height:1;overflow:hidden}.work-detail-stat small{max-width:100%;color:var(--color-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8.5px;font-weight:850;line-height:1;overflow:hidden}.work-detail-actions{grid-template-columns:minmax(0,1fr);justify-content:center;gap:8px;width:100%;max-width:100%;margin-top:5px;display:grid}.work-detail-actions.has-read-now{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-read-link{background:color-mix(in srgb, var(--color-surface-soft) 78%, transparent);min-width:0;min-height:44px;color:var(--color-text-soft);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:0;border-radius:15px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:900;line-height:1.14;text-decoration:none;display:inline-flex}.work-detail-read-link.is-primary{background:var(--color-primary);color:#fff}.work-detail-read-link.is-secondary{background:color-mix(in srgb, var(--color-surface-soft) 78%, transparent);color:var(--color-text-soft)}.work-detail-read-link:disabled{cursor:not-allowed;opacity:.58}.work-detail-read-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:1px 0;font-size:clamp(13px,3.2vw,14.5px);font-weight:900;line-height:1.12;display:block;overflow:hidden}.work-detail-read-icon{opacity:.82;flex:none;font-size:11px;transform:translateY(1px)}.work-detail-read-link:hover{background:var(--color-primary-hover);color:#fff}.work-detail-read-link.is-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-surface-soft) 92%, transparent);color:var(--color-text)}.work-favorite-popup .popup-frame-body{padding-top:12px}.work-favorite-confirm-error{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-soft));color:var(--color-danger);text-align:center;border-radius:14px;margin:0;padding:10px 12px;font-size:12px;font-weight:750;line-height:1.4}@media (width>=729px){.work-detail-info{--work-detail-cover-width:112px;--work-detail-cover-height:168px;--work-detail-title-max-lines:2;gap:12px;padding-top:16px}.work-detail-cover,.work-detail-cover-placeholder{border-radius:16px}.work-detail-header-action-button{width:38px;height:38px;font-size:14.5px}.work-detail-read-link{min-height:46px}}@media (width<=420px){.work-detail-info{padding-left:12px;padding-right:12px}}.work-detail-meta{width:100%;max-width:520px;margin:0 auto;padding:0 16px 15px;display:grid}.work-detail-meta-card{gap:12px;width:100%;margin-top:-12px;display:grid}.work-detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.work-detail-meta-item{background:var(--color-surface-soft);min-width:0;min-height:52px;color:var(--color-text-soft);border-radius:15px;align-items:center;padding:10px 11px 9px;display:grid}.work-detail-meta-copy{text-align:left;justify-items:start;gap:6px;min-width:0;display:grid}.work-detail-meta-copy small,.work-detail-meta-title{color:color-mix(in srgb, var(--color-muted) 90%, var(--color-text));text-transform:uppercase;font-size:10.5px;font-weight:850;line-height:1}.work-detail-meta-copy small{letter-spacing:.05em;font-size:9.5px}.work-detail-meta-copy strong{max-width:100%;color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:880;line-height:1.15;overflow:hidden}.work-detail-meta-section{--work-detail-meta-section-bg:var(--color-surface-soft);background:var(--work-detail-meta-section-bg);border-radius:17px;gap:9px;width:100%;padding:11px 12px;display:grid}.work-detail-meta-title{color:var(--color-text-soft);letter-spacing:.02em;align-items:center;gap:7px;margin:0;display:inline-flex}.work-detail-meta-title svg{color:var(--color-accent);font-size:12px}.work-detail-tag-list{flex-wrap:wrap;gap:7px;display:flex}.work-detail-tag{border:1px solid color-mix(in srgb, var(--color-accent) 16%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-soft) 66%, transparent);max-width:100%;min-height:30px;color:color-mix(in srgb, var(--color-accent) 88%, var(--color-text));transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;padding:0 11px;font-size:12px;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.work-detail-tag:hover{border-color:color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 80%, transparent);color:var(--color-accent-hover)}.work-detail-tag:active{transform:scale(.98)}.work-detail-description-wrap{max-height:900px;transition:max-height .32s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.work-detail-description-wrap.is-collapsed{max-height:98px}.work-detail-description-wrap.is-collapsed:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--work-detail-meta-section-bg) 78%, var(--work-detail-meta-section-bg));height:36px;position:absolute;bottom:0;left:0;right:0}.work-detail-description,.work-detail-meta-empty{color:color-mix(in srgb, var(--color-text-soft) 92%, var(--color-text));white-space:pre-line;margin:0;font-size:14px;font-weight:650;line-height:1.75}.work-detail-meta-empty{color:color-mix(in srgb, var(--color-muted) 92%, var(--color-text-soft));font-style:italic;font-weight:650}.work-detail-description-toggle{border:1px solid color-mix(in srgb, var(--color-accent) 16%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-soft) 64%, transparent);width:fit-content;min-height:30px;color:color-mix(in srgb, var(--color-accent) 90%, var(--color-text));cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.work-detail-description-toggle:hover{background:color-mix(in srgb, var(--color-accent-soft) 78%, transparent)}.work-detail-description-toggle:active{transform:scale(.98)}.work-detail-description-toggle svg{font-size:10px}@media (width>=729px){.work-detail-meta{padding-left:16px;padding-right:16px}.work-detail-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-detail-meta-item{min-height:64px}.work-detail-meta-copy{text-align:center;justify-items:center}}@media (width<=420px){.work-detail-meta{padding-left:12px;padding-right:12px}.work-detail-meta-card{gap:11px}.work-detail-meta-grid{gap:7px}.work-detail-meta-item{border-radius:14px;min-height:48px;padding:9px 10px 8px}.work-detail-meta-copy{gap:5px}.work-detail-meta-copy small{font-size:9px}.work-detail-meta-copy strong{font-size:11.5px}.work-detail-meta-section{border-radius:16px;padding:10px 11px}.work-detail-description,.work-detail-meta-empty{font-size:13.5px;line-height:1.7}.work-detail-description-wrap.is-collapsed{max-height:92px}}.work-feedback-entry{background:var(--color-surface-soft);border-radius:17px;gap:9px;width:calc(100% - 32px);max-width:488px;margin:-14px auto 14px;padding:11px 12px;display:grid}.work-feedback-entry-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.work-feedback-entry-heading{min-width:0;color:var(--color-text-soft);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:10.5px;font-weight:850;line-height:1;display:inline-flex}.work-feedback-entry-heading svg{color:var(--color-accent);font-size:12px}.work-feedback-entry-card{border:1px solid color-mix(in srgb, var(--color-border) 64%, transparent);background:color-mix(in srgb, var(--color-surface) 58%, transparent);min-width:0;color:inherit;border-radius:12px;padding:12px;text-decoration:none;display:grid;position:relative;overflow:hidden}.work-feedback-entry-content{z-index:1;gap:5px;min-width:0;padding-right:48px;display:grid;position:relative}.work-feedback-entry-kicker{color:var(--color-text-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:880;line-height:1.32;display:-webkit-box;overflow:hidden}.work-feedback-entry-note{color:color-mix(in srgb, var(--color-muted) 92%, var(--color-text-soft));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.work-feedback-entry-watermark{z-index:0;color:color-mix(in srgb, var(--color-muted) 26%, transparent);pointer-events:none;font-size:54px;line-height:1;position:absolute;bottom:-11px;right:-6px}@media (width<=420px){.work-feedback-entry{border-radius:16px;width:calc(100% - 24px);max-width:none;padding:11px}.work-feedback-entry-card{border-radius:11px;padding:11px}.work-feedback-entry-content{padding-right:42px}.work-feedback-entry-kicker{font-size:12.5px}.work-feedback-entry-note{font-size:11.5px}.work-feedback-entry-watermark{font-size:50px;bottom:-10px;right:-7px}}.work-author{background:var(--color-surface-soft);border-radius:17px;gap:10px;width:calc(100% - 32px);max-width:488px;margin:-14px auto 14px;padding:12px;display:grid}.work-author-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.work-author-title{min-width:0;color:var(--color-text-soft);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:10.5px;font-weight:850;line-height:1;display:inline-flex}.work-author-title svg{color:var(--color-accent);font-size:12px}.work-author-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.work-author-card{border:1px solid color-mix(in srgb, var(--color-border) 64%, transparent);background:color-mix(in srgb, var(--color-surface) 58%, transparent);min-width:0;color:inherit;border-radius:12px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;padding:6px;text-decoration:none;display:grid}.work-author-cover-wrap{background:var(--color-bg);border-radius:8px;width:52px;height:78px;position:relative;overflow:hidden}.work-author-cover,.work-author-cover-placeholder{width:100%;height:100%}.work-author-cover{object-fit:cover;display:block}.work-author-cover-placeholder{background:var(--color-bg);color:var(--color-primary);place-items:center;font-size:22px;font-weight:950;display:grid}.work-author-status{z-index:2;background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:900;line-height:1;position:absolute;top:4px;left:4px}.work-author-card-title{min-width:0;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:850;line-height:1.28;display:-webkit-box;overflow:hidden}.work-author-skeleton-card{pointer-events:none}.work-author-skeleton-cover,.work-author-skeleton-title{background:var(--color-bg);position:relative;overflow:hidden}.work-author-skeleton-cover:after,.work-author-skeleton-title:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite work-author-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.work-author-skeleton-title{border-radius:8px;width:100%;height:32px}@keyframes work-author-skeleton-loading{to{transform:translate(100%)}}@media (width<=420px){.work-author{border-radius:16px;width:calc(100% - 24px);max-width:none;padding:11px}.work-author-list{gap:7px}.work-author-card{border-radius:11px;grid-template-columns:48px minmax(0,1fr);gap:7px;padding:5px}.work-author-cover-wrap{border-radius:8px;width:48px;height:72px}.work-author-card-title{font-size:11.5px}}.work-related{background:var(--color-surface-soft);border-radius:17px;gap:12px;width:calc(100% - 32px);max-width:488px;margin:-14px auto 14px;padding:11px 12px;display:grid}.work-related-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.work-related-heading{gap:5px;min-width:0;display:grid}.work-related-title{min-width:0;color:var(--color-text-soft);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:10.5px;font-weight:850;line-height:1;display:inline-flex}.work-related-title svg{color:var(--color-accent);font-size:12px}.work-related-heading p{max-width:100%;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:750;line-height:1.35;overflow:hidden}.work-related-nav{flex:none;gap:2px;display:inline-flex}.work-related-nav-button{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);width:32px;height:32px;color:var(--color-muted);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);place-items:center;font-size:12px;display:grid}.work-related-nav-button:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.work-related-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding:0;display:flex;overflow-x:auto}.work-related-scroll::-webkit-scrollbar{display:none}.work-related-card{width:94px;color:inherit;scroll-snap-align:start;flex:0 0 94px;gap:6px;text-decoration:none;display:grid}.work-related-cover-wrap{background:var(--color-bg);border-radius:10px;width:94px;height:141px;position:relative;overflow:hidden}.work-related-cover,.work-related-cover-placeholder{width:100%;height:100%}.work-related-cover{object-fit:cover;display:block}.work-related-cover-placeholder{background:var(--color-bg);color:var(--color-primary);place-items:center;font-size:32px;font-weight:950;display:grid}.work-related-status{z-index:2;background:var(--color-accent);color:#fff;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:5px;left:5px}.work-related-card-title{min-height:32px;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;font-weight:850;line-height:1.28;display:-webkit-box;overflow:hidden}.work-related-empty{color:var(--color-muted);margin:0;padding:12px 2px;font-size:13px;font-weight:700}.work-related-skeleton-card{pointer-events:none}.work-related-skeleton-cover,.work-related-skeleton-title{background:var(--color-bg);position:relative;overflow:hidden}.work-related-skeleton-cover:after,.work-related-skeleton-title:after{content:"";background:linear-gradient(90deg,#0000,#94a3b82e,#0000);animation:1.2s infinite work-related-skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}.work-related-skeleton-title{border-radius:8px;width:100%;height:32px}@keyframes work-related-skeleton-loading{to{transform:translate(100%)}}@media (width>=729px){.work-related-card{flex-basis:100px;width:100px}.work-related-cover-wrap{width:100px;height:150px}}@media (width<=420px){.work-related{border-radius:16px;width:calc(100% - 24px);max-width:none}.work-related-heading p{font-size:11.5px}.work-related-nav-button{width:28px;height:28px}}.work-detail-page{gap:14px;width:100%;display:grid}.work-detail-frame{gap:12px;width:100%;max-width:720px;margin:0 auto;display:grid}.work-detail-frame p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.6}.work-detail-page .work-detail-cover,.work-detail-page .work-detail-cover-placeholder,.work-detail-page .work-author-cover-wrap,.work-detail-page .work-related-cover-wrap{box-sizing:border-box;border:1px solid var(--color-border-strong)}.work-detail-unavailable{gap:10px;width:100%;display:grid}.work-detail-suggestions{width:100%;margin-top:-100px;padding:0 0 0 8px;display:grid}.work-detail-suggestions .trend-section{display:grid}.work-detail-suggestions .trend-section .trend-header .trend-title{gap:4px}.work-detail-suggestions .trend-section .trend-header .trend-nav{gap:4px;margin-right:8px}.work-detail-frame .work-detail-suggestions-title{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:900}.bottom-sheet-frame-layer{z-index:130;padding:0 10px max(10px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg) 34%, #0f172a7a);-webkit-backdrop-filter:blur(16px);place-items:end center;animation:.18s bottomSheetLayerIn;display:grid;position:fixed;inset:0}.bottom-sheet-frame-panel{width:min(100%, var(--bottom-sheet-width,560px));max-height:min(var(--bottom-sheet-max-height,78vh), 760px);max-height:min(var(--bottom-sheet-max-height,78dvh), 760px);border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);background:color-mix(in srgb, var(--color-surface) 96%, transparent);color:var(--color-text);box-shadow:var(--shadow-lg);transform:translateY(var(--bottom-sheet-drag-y,0));border-bottom:0;border-radius:26px 26px 20px 20px;grid-template-rows:minmax(0,1fr) auto;animation:.24s cubic-bezier(.2,.8,.2,1) bottomSheetPanelIn;display:grid;overflow:hidden}.bottom-sheet-frame-panel.has-top-bar{grid-template-rows:auto minmax(0,1fr) auto}.bottom-sheet-frame-panel.is-small{--bottom-sheet-width:420px;--bottom-sheet-max-height:52dvh}.bottom-sheet-frame-panel.is-medium{--bottom-sheet-width:560px;--bottom-sheet-max-height:72dvh}.bottom-sheet-frame-panel.is-large{--bottom-sheet-width:720px;--bottom-sheet-max-height:84dvh}.bottom-sheet-frame-panel.is-full{--bottom-sheet-width:960px;--bottom-sheet-max-height:92dvh}.bottom-sheet-frame-panel.is-height-half{height:min(50dvh,760px)}.bottom-sheet-frame-panel.is-height-three-quarter{height:min(75dvh,760px)}.bottom-sheet-frame-panel.is-height-full{height:min(92dvh,760px)}.bottom-sheet-frame-panel.has-custom-height{height:min(var(--bottom-sheet-custom-height), 760px);max-height:min(var(--bottom-sheet-custom-height), 760px)}.bottom-sheet-frame-panel.is-dragging{transition:none}.bottom-sheet-frame-top-bar{gap:0;min-width:0;display:grid}.bottom-sheet-frame-handle-wrap{appearance:none;width:100%;min-height:26px;color:inherit;font:inherit;touch-action:none;cursor:grab;background:0 0;border:0;border-radius:26px 26px 0 0;justify-self:stretch;place-items:center;padding:0;display:grid}.bottom-sheet-frame-handle-wrap:active{cursor:grabbing}.bottom-sheet-frame-handle{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-muted) 28%, var(--color-surface));width:36px;height:5px;box-shadow:none;opacity:.7;display:block}.bottom-sheet-frame-header{background:0 0;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:5px;min-width:0;padding:0 10px 7px;display:grid}.bottom-sheet-frame-header.is-title-left{grid-template-columns:minmax(0,1fr) 28px}.bottom-sheet-frame-header.is-title-right:not(.has-close-button){grid-template-columns:28px minmax(0,1fr)}.bottom-sheet-frame-header.is-title-left .bottom-sheet-frame-header-spacer:first-child,.bottom-sheet-frame-header.is-title-right:not(.has-close-button) .bottom-sheet-frame-header-spacer:last-child{display:none}.bottom-sheet-frame-header-spacer{width:28px;height:28px;display:block}.bottom-sheet-frame-heading{text-align:center;justify-items:center;gap:1px;min-width:0;display:grid}.bottom-sheet-frame-header.is-title-left .bottom-sheet-frame-heading{text-align:left;justify-items:start}.bottom-sheet-frame-header.is-title-right .bottom-sheet-frame-heading{text-align:right;justify-items:end}.bottom-sheet-frame-title{max-width:100%;color:var(--color-text);letter-spacing:-.022em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14.5px;font-weight:820;line-height:1.15;overflow:hidden}.bottom-sheet-frame-description{max-width:min(100%,300px);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.bottom-sheet-frame-header.is-title-left .bottom-sheet-frame-description,.bottom-sheet-frame-header.is-title-right .bottom-sheet-frame-description{max-width:100%}.bottom-sheet-frame-close{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface-soft) 72%, transparent);width:28px;height:28px;color:var(--color-muted);transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast);justify-self:end;place-items:center;font-size:11.5px;display:grid}.bottom-sheet-frame-close:hover{background:color-mix(in srgb, var(--color-border) 52%, var(--color-surface-soft));color:var(--color-text)}.bottom-sheet-frame-close:active{transform:scale(.94)}.bottom-sheet-frame-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;padding:0;display:flex;overflow-y:auto}.bottom-sheet-frame-body.is-content-center{justify-content:center}.bottom-sheet-frame-body.is-content-bottom{justify-content:flex-end}.bottom-sheet-frame-footer{border-top:1px solid color-mix(in srgb, var(--color-border) 52%, transparent);background:color-mix(in srgb, var(--color-surface) 88%, transparent);justify-content:flex-end;gap:10px;padding:10px 14px 14px;display:flex}@keyframes bottomSheetLayerIn{0%{opacity:0}to{opacity:1}}@keyframes bottomSheetPanelIn{0%{transform:translateY(105%)}to{transform:translateY(var(--bottom-sheet-drag-y,0))}}@media (width<=560px){.bottom-sheet-frame-layer{padding-inline:0;padding-bottom:0}.bottom-sheet-frame-panel{width:100%;max-height:min(var(--bottom-sheet-max-height,84vh), 760px);max-height:min(var(--bottom-sheet-max-height,84dvh), 760px);border-left:0;border-right:0;border-radius:25px 25px 0 0}.bottom-sheet-frame-panel.is-small{--bottom-sheet-max-height:54dvh}.bottom-sheet-frame-panel.is-medium{--bottom-sheet-max-height:76dvh}.bottom-sheet-frame-panel.is-large,.bottom-sheet-frame-panel.is-full{--bottom-sheet-max-height:92dvh}.bottom-sheet-frame-panel.is-height-half{height:50dvh}.bottom-sheet-frame-panel.is-height-three-quarter{height:75dvh}.bottom-sheet-frame-panel.is-height-full{height:92dvh}.bottom-sheet-frame-panel.has-custom-height{height:var(--bottom-sheet-custom-height);max-height:var(--bottom-sheet-custom-height)}.bottom-sheet-frame-handle-wrap{min-height:28px}.bottom-sheet-frame-header{padding:0 10px 7px}.bottom-sheet-frame-body{padding:0}.bottom-sheet-frame-footer{padding:10px 14px max(14px, env(safe-area-inset-bottom))}}.work-read-page{min-height:100dvh;padding:calc(56px + env(safe-area-inset-top)) 0 calc(64px + env(safe-area-inset-bottom));background:var(--color-surface)}.work-read-topbar{z-index:80;width:100%;min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left));background:var(--color-surface);box-shadow:none;opacity:1;transition:opacity var(--transition-normal), transform var(--transition-normal);border:0;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;display:grid;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.work-read-topbar:before{content:"";z-index:-1;background:var(--color-surface);position:absolute;inset:0}.work-read-topbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1px))}.work-read-icon-button,.work-read-title-button{border-radius:var(--radius-full);min-width:0;min-height:40px;color:var(--color-text);transition:transform var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.work-read-icon-button{width:40px;color:var(--color-text-soft);background:0 0;font-size:14px}.work-read-icon-button.is-back{color:var(--color-text);font-size:18px}.work-read-icon-button.is-back svg{width:18px}.work-read-icon-button.is-settings{color:var(--color-text)}.work-read-icon-button.is-settings svg{font-size:15px}.work-read-title-button{background:0 0;gap:8px;height:40px;padding:0 10px 0 12px;font-weight:950}.work-read-title-copy{text-align:center;gap:1px;min-width:0;line-height:1;display:grid}.work-read-title-copy strong,.work-read-title-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-read-title-copy strong{color:var(--color-text);font-size:13px;font-weight:950}.work-read-title-copy small{color:var(--color-muted);letter-spacing:.01em;font-size:10px;font-weight:850}.work-read-title-caret{color:var(--color-text-soft);flex:none;font-size:13px}.work-read-icon-button:active,.work-read-title-button:active,.work-read-action-button:active{transform:scale(.96)}.work-read-frame{background:var(--color-surface);gap:0;width:100%;margin:0;padding:0;display:grid}.work-read-chapter-head,.work-read-content{width:100%;max-width:none;margin:0}.work-read-chapter-head{background:var(--color-surface);box-shadow:none;border:0;border-radius:0;gap:10px;padding:clamp(24px,4vw,42px) clamp(18px,6vw,96px) clamp(12px,2vw,18px);display:grid}.work-read-kicker{width:min(100%,820px);color:var(--color-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 auto;font-size:12px;font-weight:950}.work-read-chapter-head h1{width:min(100%,820px);color:var(--color-text);letter-spacing:-.055em;text-align:center;margin:0 auto;font-size:clamp(28px,6vw,46px);font-weight:950;line-height:1.08}.work-read-meta-row{grid-template-columns:repeat(3,52px);justify-content:center;gap:8px;width:min(100%,820px);margin:4px auto 0;display:grid}.work-read-meta-row span{width:52px;max-width:none;min-height:26px;color:var(--color-muted);text-align:center;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:5px;padding:0;font-size:12.5px;font-weight:950;line-height:1;display:inline-flex}.work-read-meta-row svg{color:var(--color-accent);flex:none;font-size:13px}.work-read-content{background:var(--color-surface);box-shadow:none;border:0;border-radius:0;padding:clamp(4px,1vw,8px) clamp(18px,6vw,96px) clamp(30px,5vw,54px)}.work-read-content-inner{-webkit-user-select:text;user-select:text;width:min(100%,820px);color:var(--color-text);font-family:var(--font-reading);letter-spacing:.004em;margin:0 auto;font-size:clamp(19px,2.6vw,23px);line-height:1.9}.work-read-content-inner::selection{background:var(--color-accent-soft)}.work-read-content-inner ::selection{background:var(--color-accent-soft)}.work-read-content-inner p,.work-read-content-inner div,.work-read-content-inner blockquote,.work-read-content-inner ul,.work-read-content-inner ol,.work-read-content-inner h2,.work-read-content-inner h3,.work-read-content-inner h4,.work-read-content-inner hr{margin:0}.work-read-content-inner>*+*{margin-top:clamp(18px,3vw,24px)}.work-read-content-inner strong,.work-read-content-inner b{color:var(--color-text);font-weight:950}.work-read-content-inner em,.work-read-content-inner i{color:inherit;font-style:italic}.work-read-content-inner blockquote{border-left:3px solid color-mix(in srgb, var(--color-accent) 54%, var(--color-border));color:var(--color-text-soft);padding:2px 0 2px clamp(14px,3vw,20px);font-style:italic}.work-read-content-inner ul,.work-read-content-inner ol{padding-left:1.3em}.work-read-content-inner li+li{margin-top:8px}.work-read-content-inner h2,.work-read-content-inner h3,.work-read-content-inner h4{color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.035em;font-weight:950;line-height:1.25}.work-read-content-inner h2{font-size:clamp(24px,5vw,34px)}.work-read-content-inner h3{font-size:clamp(22px,4.5vw,30px)}.work-read-content-inner h4{font-size:clamp(20px,4vw,26px)}.work-read-content-inner hr{background:var(--color-border);border:0;height:1px}.work-read-empty-content{text-align:center;width:min(100%,820px);margin:0 auto;color:var(--color-muted)!important;font-family:var(--font-sans)!important;font-size:14px!important}.work-read-action-dock{z-index:78;pointer-events:none;opacity:1;transition:opacity var(--transition-normal), transform var(--transition-normal);will-change:transform, opacity;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}.work-read-action-dock.is-hidden{opacity:0;transform:translateY(calc(100% + 28px))}.work-read-action-dock-inner{width:100%;padding:9px max(4px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));background:var(--color-surface);box-shadow:none;pointer-events:auto;transform-origin:bottom;border:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.work-read-progress-control{--reader-progress:0%;border-radius:var(--radius-full);min-height:30px;color:var(--color-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 5px 3px;padding:2px 4px 1px;display:grid}.work-read-progress-control:active,.work-read-progress-control.is-seeking{cursor:grabbing}.work-read-progress-track{min-width:0;height:22px;display:block;position:relative}.work-read-progress-track:before{content:"";border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-border) 48%, var(--color-surface-soft));height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.work-read-progress-fill{width:var(--reader-progress);border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent), var(--color-primary));height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.work-read-progress-thumb{top:50%;left:var(--reader-progress);border:3px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-surface);width:15px;height:15px;box-shadow:0 6px 16px color-mix(in srgb, var(--color-accent) 22%, transparent);transition:box-shadow var(--transition-fast), transform var(--transition-fast);position:absolute;transform:translate(-50%,-50%)}.work-read-progress-percent{min-width:34px;color:var(--color-muted);text-align:right;font-size:10.5px;font-weight:950;line-height:1}.work-read-progress-control:hover .work-read-progress-thumb,.work-read-progress-control:focus-visible .work-read-progress-thumb,.work-read-progress-control.is-seeking .work-read-progress-thumb{box-shadow:0 8px 22px color-mix(in srgb, var(--color-accent) 32%, transparent);transform:translate(-50%,-50%)scale(1.1)}.work-read-progress-control:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent)}.work-read-action-button{border-radius:var(--radius-full);width:calc(100% - 10px);min-width:0;min-height:46px;color:var(--color-text-soft);transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;justify-content:center;place-self:center;align-items:center;gap:7px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.work-read-action-button svg{flex:none;font-size:13px}.work-read-action-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-read-action-button:hover{background:color-mix(in srgb, var(--color-surface-soft) 82%, transparent);color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 12%, transparent)}.work-read-notice-action{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;min-height:42px;margin-top:-10px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}.work-read-sheet.bottom-sheet-frame-panel,.work-read-sheet{--reader-sheet-radius:30px}.work-read-sheet-content{padding-inline:14px!important}.work-read-toc-list,.work-read-setting-panel{gap:10px;width:100%;padding-bottom:16px;display:grid}.work-read-toc-item{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.work-read-toc-item.is-current{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:var(--color-accent-soft)}.work-read-toc-number{background:var(--color-surface-soft);width:42px;height:42px;color:var(--color-text);border-radius:15px;justify-content:center;align-items:center;font-size:13px;font-weight:950;display:inline-flex}.work-read-toc-copy{gap:3px;min-width:0;display:grid}.work-read-toc-copy strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;overflow:hidden}.work-read-toc-copy small,.work-read-sheet-empty{color:var(--color-muted);font-size:12px;font-weight:800}.work-read-setting-group{border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px;gap:10px;padding:14px;display:grid}.work-read-setting-group h3{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:14px;font-weight:950}.work-read-font-preview-grid,.work-read-theme-swatches,.work-read-line-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.work-read-font-preview-grid button,.work-read-theme-swatches button,.work-read-line-options button{border:1px solid var(--color-border);background:var(--color-surface-soft);min-height:58px;color:var(--color-text-soft);border-radius:17px;place-items:center;gap:2px;padding:8px;font-size:12px;font-weight:900;display:grid}.work-read-font-preview-grid button.is-active,.work-read-theme-swatches button.is-active,.work-read-line-options button.is-active{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}.work-read-font-preview-grid span{color:var(--color-text);font-size:22px;font-weight:950;line-height:1}.work-read-font-preview-grid .is-serif{font-family:var(--font-reading)}.work-read-font-preview-grid .is-soft{letter-spacing:.06em}.work-read-size-demo{color:var(--color-text-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-weight:950;display:grid}.work-read-size-demo strong{font-size:23px}.work-read-fake-slider{border-radius:var(--radius-full);background:var(--color-surface-soft);height:8px;position:relative;overflow:hidden}.work-read-fake-slider i{border-radius:inherit;background:var(--color-accent);position:absolute;inset:0 auto 0 0}.work-read-theme-swatches .is-light{color:#0f172a;background:#f8fafc}.work-read-theme-swatches .is-warm{color:#7c2d12;background:#fff7ed}.work-read-theme-swatches .is-ink{color:#e5e7eb;background:#0f172a}@media (display-mode:standalone) and (width<=767px){.work-read-action-dock-inner{padding-top:9px;padding-bottom:max(6px, env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:0;overflow:hidden}.work-read-action-button{min-height:44px;font-size:11.5px}}@media (width>=768px){.work-read-page{padding-top:calc(62px + env(safe-area-inset-top));padding-bottom:112px}.work-read-topbar{min-height:calc(62px + env(safe-area-inset-top));border-bottom:1px solid color-mix(in srgb, var(--color-border) 64%, transparent);padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left));grid-template-columns:54px minmax(0,1fr) 54px}[data-theme=dark] .work-read-topbar{border-color:color-mix(in srgb, var(--color-border-strong) 64%, transparent)}.work-read-icon-button{width:44px;min-height:44px}.work-read-icon-button.is-back{font-size:19px}.work-read-icon-button.is-settings svg{font-size:16px}.work-read-title-button{height:44px}.work-read-title-copy strong{font-size:14px}.work-read-title-copy small{font-size:10.5px}.work-read-title-caret{font-size:14px}.work-read-meta-row{grid-template-columns:repeat(3,60px);gap:10px}.work-read-meta-row span{width:60px;min-height:28px;font-size:13px}.work-read-meta-row svg{font-size:13.5px}.work-read-action-dock{padding:0 20px 22px}.work-read-action-dock-inner{border:1px solid color-mix(in srgb, var(--color-border) 64%, transparent);border-radius:var(--radius-xl);width:min(100%,580px);box-shadow:none;margin-inline:auto;padding:10px 8px 8px}[data-theme=dark] .work-read-action-dock-inner{border-color:color-mix(in srgb, var(--color-border-strong) 64%, transparent)}.work-read-progress-control{margin-bottom:4px;padding-left:6px;padding-right:6px}.work-read-action-button{border-radius:var(--radius-full);width:calc(100% - 8px);min-height:46px;font-size:13px}}@media (prefers-reduced-motion:reduce){.work-read-topbar,.work-read-action-dock{opacity:1;transition:none;transform:none}.work-read-progress-thumb{transition:none;transform:translate(-50%,-50%)}}.login-required{width:100%;max-width:560px;color:var(--color-text);text-align:center;justify-items:center;gap:16px;margin:26px auto 0;padding:24px 16px 18px;animation:.46s both login-required-enter;display:grid}.login-required-visual{place-items:center;width:190px;height:150px;display:grid;position:relative}.login-required-icon{z-index:3;width:104px;height:104px;color:var(--color-accent);filter:drop-shadow(0 18px 22px #6366f133);place-items:center;font-size:82px;animation:3.2s ease-in-out infinite login-required-ghost-float;display:grid;position:relative}.login-required-ghost-shadow{z-index:1;filter:blur(6px);background:#0f172a1a;border-radius:999px;width:78px;height:12px;animation:3.2s ease-in-out infinite login-required-shadow;position:absolute;bottom:18px}.login-required-float,.login-required-mini-ghost{z-index:2;color:var(--color-accent);opacity:.72;filter:drop-shadow(0 8px 12px #6366f11f);pointer-events:none;place-items:center;display:grid;position:absolute}.login-required-float{width:24px;height:24px;font-size:16px}.login-required-mini-ghost{opacity:.5;width:28px;height:28px;font-size:22px}.float-1{color:var(--color-warning);animation:4.8s ease-in-out infinite login-required-float-a;top:10px;left:28px}.float-2{color:var(--color-danger);animation:5.2s ease-in-out infinite login-required-float-b;top:28px;right:24px}.float-3{color:var(--color-info);animation:5.6s ease-in-out infinite login-required-float-c;bottom:38px;left:18px}.float-4{color:var(--color-accent);animation:4.4s ease-in-out infinite reverse login-required-float-a;bottom:34px;right:18px}.mini-ghost-1{animation:5.8s ease-in-out infinite login-required-mini-ghost-a;top:58px;left:4px}.mini-ghost-2{animation:6.2s ease-in-out infinite login-required-mini-ghost-b;top:72px;right:0}.login-required-content{gap:6px;max-width:430px;margin-top:-35px;display:grid}.login-required-eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.login-required-title{color:var(--color-text);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:950;line-height:1.2}.login-required-description{color:var(--color-muted);margin:0;font-size:14px;font-weight:600;line-height:1.55}.login-required-button{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:42px;transition:background var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:850;display:inline-flex}.login-required-button:active{transform:scale(.96)}@keyframes login-required-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes login-required-ghost-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes login-required-shadow{0%,to{opacity:.32;transform:scaleX(1)}50%{opacity:.16;transform:scaleX(.68)}}@keyframes login-required-float-a{0%,to{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(4px,-12px)rotate(12deg)scale(1.08)}}@keyframes login-required-float-b{0%,to{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(-6px,-10px)rotate(-10deg)scale(1.06)}}@keyframes login-required-float-c{0%,to{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(7px,-8px)rotate(8deg)scale(1.05)}}@keyframes login-required-mini-ghost-a{0%,to{transform:translate(0,0)rotate(-8deg)}50%{transform:translate(8px,-14px)rotate(8deg)}}@keyframes login-required-mini-ghost-b{0%,to{transform:translate(0,0)rotate(8deg)}50%{transform:translate(-8px,-12px)rotate(-8deg)}}@media (width<=768px){.login-required{max-width:100%;margin-top:22px;padding:22px 16px 16px}.login-required-visual{width:170px;height:136px}.login-required-icon{width:94px;height:94px;font-size:74px}.login-required-title{font-size:19px}.login-required-description{font-size:13px}}@media (prefers-reduced-motion:reduce){.login-required,.login-required-icon,.login-required-ghost-shadow,.login-required-float,.login-required-mini-ghost{animation:none}.login-required-button{transition:none}.login-required-button:hover{transform:none}}.library-favorite-remove-sheet-body{gap:10px;padding:8px 18px 18px;display:grid}.library-favorite-remove-copy,.library-favorite-remove-error{text-align:center;margin:0;font-size:13px;font-weight:650;line-height:1.55}.library-favorite-remove-copy{color:var(--color-text-soft)}.library-favorite-remove-error{background:color-mix(in srgb, var(--color-danger) 9%, var(--color-surface));color:var(--color-danger);border-radius:12px;padding:9px 11px;font-size:11.5px;font-weight:760}.library-favorite-remove-sheet .bottom-sheet-frame-footer{background:0 0;border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.library-favorite-remove-action{border-radius:var(--radius-full);cursor:pointer;touch-action:manipulation;min-height:44px;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);-webkit-tap-highlight-color:transparent;border:0;padding:0 14px;font-size:12px;font-weight:880;line-height:1.2}.library-favorite-remove-action.is-cancel{background:var(--color-surface-soft);color:var(--color-text-soft)}.library-favorite-remove-action.is-confirm{background:var(--color-danger);color:#fff}.library-favorite-remove-action:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 26%, transparent);outline-offset:2px}.library-favorite-remove-action:active:not(:disabled){transform:scale(.97)}.library-favorite-remove-action:disabled{cursor:wait;opacity:.58}@media (hover:hover) and (pointer:fine){.library-favorite-remove-action.is-cancel:hover:not(:disabled){background:color-mix(in srgb, var(--color-border) 52%, var(--color-surface-soft))}.library-favorite-remove-action.is-confirm:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 88%, var(--color-text))}}@media (width>=1024px){.library-favorite-remove-layer{align-items:center;padding:24px}.library-favorite-remove-layer .library-favorite-remove-sheet{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:var(--color-surface);border-radius:22px;width:min(100%,420px);animation:.18s cubic-bezier(.2,.8,.2,1) libraryFavoriteRemoveDialogIn;box-shadow:0 24px 72px #0f172a3d}.library-favorite-remove-layer .bottom-sheet-frame-handle-wrap{display:none}.library-favorite-remove-layer .bottom-sheet-frame-header{padding:18px 18px 8px}.library-favorite-remove-layer .bottom-sheet-frame-title{font-size:16px}.library-favorite-remove-layer .bottom-sheet-frame-description{font-size:11.5px}.library-favorite-remove-layer .library-favorite-remove-sheet-body{padding:8px 24px 18px}.library-favorite-remove-layer .bottom-sheet-frame-footer{padding:8px 20px 20px}}@media (width<=359px){.library-favorite-remove-sheet-body{padding-inline:14px}.library-favorite-remove-sheet .bottom-sheet-frame-footer{padding-inline:12px}.library-favorite-remove-action{padding-inline:10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.library-favorite-remove-action{transition:none}.library-favorite-remove-layer .library-favorite-remove-sheet{animation:none}}@keyframes libraryFavoriteRemoveDialogIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.library-favorites-panel{min-width:0}.library-favorites-grid{--library-favorite-card-width:100px;grid-template-columns:repeat(auto-fill, var(--library-favorite-card-width));justify-content:center;align-items:start;gap:18px 12px;display:grid}.library-favorite-work{width:var(--library-favorite-card-width);gap:6px;min-width:0;display:grid;position:relative}.library-favorite-link{width:100%;min-width:0;color:var(--color-text);touch-action:manipulation;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;gap:6px;text-decoration:none;display:grid}.library-favorite-link:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 24%, transparent);outline-offset:3px;border-radius:11px}.library-favorite-cover{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);width:100px;height:150px;color:var(--color-primary);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.library-favorite-cover-image,.library-favorite-cover-placeholder{width:100%;height:100%}.library-favorite-cover-image{object-fit:cover;transition:transform var(--transition-fast)}.library-favorite-cover-placeholder{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);letter-spacing:-.05em;place-items:center;font-size:32px;font-weight:950;display:grid}.library-favorite-status,.library-favorite-chapters{z-index:2;color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;max-width:calc(100% - 10px);padding:3px 6px;line-height:1;position:absolute;overflow:hidden}.library-favorite-status{background:var(--color-accent);text-transform:uppercase;font-size:9px;font-weight:900;top:5px;left:5px}.library-favorite-chapters{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;font-size:10px;font-weight:800;bottom:5px;right:4px}.library-favorite-remove{z-index:4;border-radius:var(--radius-full);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:26px;height:26px;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#0f172abd;border:0;place-items:center;font-size:12px;display:grid;position:absolute;top:5px;right:5px}.library-favorite-remove:focus-visible{outline:3px solid color-mix(in srgb, var(--color-danger) 28%, transparent);outline-offset:2px}.library-favorite-remove:active:not(:disabled){transform:scale(.9)}.library-favorite-remove:disabled{cursor:wait;opacity:.56}.library-favorite-title{min-height:34px;color:var(--color-text);text-align:left;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:800;line-height:1.31;display:-webkit-box;overflow:hidden}.library-favorite-author{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.35;overflow:hidden}.library-favorite-link:active .library-favorite-cover-image,.library-favorite-link:active .library-favorite-cover-placeholder{transform:scale(1.04)}.library-favorite-work.is-removing .library-favorite-link{opacity:.48;pointer-events:none}.library-favorite-work.is-loading{pointer-events:none}.library-favorite-skeleton-cover,.library-favorite-skeleton-line{background:var(--color-surface-soft);position:relative;overflow:hidden}.library-favorite-skeleton-cover:after,.library-favorite-skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-border-strong) 18%, transparent), transparent);animation:1.18s ease-in-out infinite libraryFavoriteSkeleton;position:absolute;inset:0;transform:translate(-100%)}.library-favorite-skeleton-line{border-radius:var(--radius-full);display:block}.library-favorite-skeleton-line.is-title{width:100%;height:13px;margin-top:1px}.library-favorite-skeleton-line.is-author{width:68%;height:10px}.library-favorites-state{width:min(100%,360px);min-height:min(52dvh,390px);color:var(--color-muted);text-align:center;align-content:center;justify-items:center;gap:8px;margin-inline:auto;padding:28px 18px;display:grid}.library-favorites-state strong,.library-favorites-state p{margin:0}.library-favorites-state strong{color:var(--color-text);letter-spacing:-.025em;font-size:18px;font-weight:920}.library-favorites-state p{font-size:13px;font-weight:650;line-height:1.55}.library-favorites-state button,.library-favorites-feedback button{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;border:0;min-height:38px;padding:0 16px;font-size:12px;font-weight:850}.library-favorites-feedback{width:min(100%,460px);color:var(--color-muted);text-align:center;justify-content:center;align-items:center;gap:10px;margin:22px auto 0;font-size:11.5px;font-weight:700;display:flex}.library-favorites-sentinel{width:100%;height:1px;margin-top:1px}@media (width<=359px){.library-favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.library-favorite-work{justify-self:center;width:100%;max-width:100px}.library-favorite-cover{aspect-ratio:2/3;width:100%;height:auto}}@media (hover:hover) and (pointer:fine){.library-favorite-link:hover .library-favorite-cover-image,.library-favorite-link:hover .library-favorite-cover-placeholder{transform:scale(1.035)}.library-favorite-remove:hover:not(:disabled){background:var(--color-danger)}}@media (width>=768px){.library-favorites-grid{gap:20px 14px}}@media (prefers-reduced-motion:reduce){.library-favorite-link,.library-favorite-cover-image,.library-favorite-cover-placeholder,.library-favorite-remove,.library-favorite-skeleton-cover:after,.library-favorite-skeleton-line:after{transition:none;animation:none}}@keyframes libraryFavoriteSkeleton{to{transform:translate(100%)}}.library-sample-cover{aspect-ratio:2/3;background:var(--library-cover-color,var(--color-primary));color:#fff;border-radius:14px;flex:none;place-items:center;width:68px;font-size:24px;font-weight:950;display:grid}.library-sample-cover.is-compact{border-radius:11px;width:48px;font-size:17px}.library-sample-cover.is-violet{--library-cover-color:#7c3aed}.library-sample-cover.is-blue{--library-cover-color:#2563eb}.library-sample-cover.is-amber{--library-cover-color:#d97706}.library-sample-cover.is-teal{--library-cover-color:#0f766e}.library-sample-cover.is-rose{--library-cover-color:#e11d48}.library-sample-cover.is-slate{--library-cover-color:#475569}.library-sample-cover.is-green{--library-cover-color:#15803d}.library-sample-cover.is-orange{--library-cover-color:#ea580c}.library-sample-cover.is-lime{--library-cover-color:#65a30d}.library-sample-cover.is-indigo{--library-cover-color:#4f46e5}.library-recent-list,.library-history-list,.library-collection-grid{gap:10px;display:grid}.library-recent-card,.library-collection-card,.library-history-item>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px}.library-recent-card{grid-template-columns:68px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:11px 13px 11px 11px;display:grid}.library-recent-copy,.library-collection-copy,.library-history-item>div{gap:4px;min-width:0;display:grid}.library-recent-copy h2,.library-recent-copy p,.library-history-item h2,.library-history-item p,.library-collection-copy h2,.library-collection-copy p{margin:0}.library-recent-copy h2,.library-history-item h2,.library-collection-copy h2{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:870;overflow:hidden}.library-recent-copy p,.library-history-item p,.library-collection-copy p,.library-recent-copy>span,.library-history-item time,.library-collection-copy>span{color:var(--color-muted);font-size:10.5px;line-height:1.45}.library-progress{background:var(--color-surface-soft);border-radius:99px;height:4px;margin-top:4px;overflow:hidden}.library-progress>span{background:var(--color-accent);height:100%;display:block}.library-card-chevron{color:var(--color-muted);font-size:10px}.library-history-item{grid-template-columns:14px 48px minmax(0,1fr);align-items:center;gap:11px;min-height:88px;display:grid}.library-history-line{background:var(--color-border);justify-self:center;width:2px;height:100%}.library-history-line i{background:var(--color-accent);border-radius:50%;width:9px;height:9px;margin:39px 0 0 -3px;display:block}.library-history-item>div{padding:13px}.library-collection-card{grid-template-columns:68px minmax(0,1fr) 14px;align-items:center;gap:12px;min-height:104px;padding:13px;display:grid}.library-collection-covers{align-items:end;width:68px;display:flex}.library-collection-covers .library-sample-cover{border:2px solid var(--color-surface);width:34px;margin-right:-17px}@media (width>=620px){.library-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.library-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.library-surface{--library-mobile-tabs-height:61px;min-height:calc(100dvh - var(--header-height));background:var(--color-bg);color:var(--color-text);position:relative}.library-tabs-shell{z-index:45;top:var(--header-height);width:100%;height:var(--library-mobile-tabs-height);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);backface-visibility:hidden;padding-block:10px;position:fixed;left:0;right:0;transform:translateZ(0)}.library-tabs{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;width:100%;margin:0;padding:0 2px;scroll-padding-inline:2px;display:flex;overflow:auto hidden}.library-tabs::-webkit-scrollbar{display:none}.library-tabs button{border-radius:var(--radius-full);background:var(--color-surface-soft);min-width:max-content;min-height:40px;color:var(--color-muted);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11.5px;font-weight:820;line-height:1;display:inline-flex}.library-tabs button svg{font-size:10px}.library-tabs button.is-active{border-color:color-mix(in srgb, var(--color-primary) 12%, transparent);background:var(--color-primary);color:#fff}.library-tabs button:active{transform:scale(.98)}.library-tabs button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 24%, transparent);outline-offset:-3px}.library-content{width:100%;min-width:0;min-height:calc(100dvh - var(--header-height));padding:calc(var(--library-mobile-tabs-height) + 22px) 14px 24px}.library-panel{width:min(100%,820px);margin-inline:auto}.library-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;margin-bottom:20px;display:flex}.library-panel-heading>div{gap:5px;min-width:0;display:grid}.library-demo-badge{border-radius:var(--radius-full);background:var(--color-accent-soft);width:max-content;color:var(--color-accent);letter-spacing:.045em;text-transform:uppercase;padding:4px 8px;font-size:9px;font-weight:850;line-height:1}.library-panel-heading h1,.library-panel-heading p{margin:0}.library-panel-heading h1{color:var(--color-text);letter-spacing:-.045em;font-size:clamp(24px,6vw,34px);font-weight:900;line-height:1.12}.library-panel-heading p{max-width:560px;color:var(--color-muted);font-size:13px;font-weight:590;line-height:1.55}.library-panel-count{border:1px solid var(--color-border);background:var(--color-surface);min-width:38px;height:38px;color:var(--color-text-soft);border-radius:13px;flex:none;place-items:center;font-size:12px;font-weight:880;display:grid}.library-auth-state{width:100%;min-height:calc(100dvh - var(--header-height) - 96px);padding:22px 14px 24px}.library-auth-state .login-required{margin-top:0}.library-auth-state.is-loading{opacity:0;pointer-events:none}@media (hover:hover){.library-tabs button:hover:not(.is-active){border-color:var(--color-border);color:var(--color-text-soft)}}@media (width>=768px){.library-content{padding:calc(var(--library-mobile-tabs-height) + 30px) 28px 32px}.library-auth-state{padding:30px 28px 32px}}@media (width>=1024px){.library-surface{--library-desktop-tabs-width:224px}.library-tabs-shell{top:var(--header-height);width:var(--library-desktop-tabs-width);border-right:1px solid var(--color-border);background:var(--color-surface);border-bottom:0;height:auto;padding:18px 12px;bottom:0;left:0;right:auto}.library-tabs{grid-template-columns:1fr;gap:6px;padding:0;display:grid;overflow:visible}.library-tabs button{background:0 0;border-radius:12px;justify-content:flex-start;width:100%;min-height:48px;padding:0 15px;font-size:12px}.library-tabs button svg{width:18px;font-size:12px}.library-tabs button.is-active{background:var(--color-surface-soft);color:var(--color-text);border-color:#0000}.library-content{width:calc(100% - var(--library-desktop-tabs-width));max-width:calc(100% - var(--library-desktop-tabs-width));min-height:calc(100dvh - var(--header-height));margin-left:var(--library-desktop-tabs-width);padding:42px clamp(34px,5vw,68px) 40px}.library-panel{width:min(100%,980px)}}@media (width<=380px){.library-tabs button{gap:6px;min-height:38px;padding-inline:11px;font-size:10.5px}.library-content,.library-auth-state{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.library-tabs,.library-tabs button{scroll-behavior:auto;transition:none}}.profile-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;color:var(--color-text);text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.profile-card:active{background:var(--color-surface-soft);transform:scale(.985)}.profile-card-avatar{border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-soft);width:50px;height:50px;color:var(--color-accent);flex:0 0 50px;place-items:center;font-size:18px;display:grid;overflow:hidden}.profile-card-avatar-image{object-fit:cover;width:100%;height:100%}.profile-card-content{flex:1;gap:3px;min-width:0;display:grid}.profile-card-eyebrow{color:var(--color-muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:900;line-height:1.1;overflow:hidden}.profile-card-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;line-height:1.2;overflow:hidden}.profile-card-subtitle{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.profile-card-pill{border-radius:var(--radius-full);background:var(--color-accent-soft);min-height:28px;color:var(--color-accent);flex:none;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.profile-card-pill svg{font-size:10px}.profile-card-chevron{color:var(--color-muted);opacity:.75;flex:none;font-size:11px}@media (width<=430px){.profile-card-pill span{display:none}.profile-card-pill{width:30px;padding:0}}@media (width>=768px){.profile-card{max-width:560px;margin:16px auto 0}}.profile-menu{gap:14px;margin-top:14px;padding-bottom:20px;display:grid}.profile-menu-section{gap:8px;display:grid}.profile-menu-section-title{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:0 2px;font-size:12px;font-weight:900}.profile-menu-list{gap:8px;display:grid}.profile-menu-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;min-height:50px;color:var(--color-text);text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.profile-menu-item:active:not(.is-disabled){background:var(--color-surface-soft);transform:scale(.985)}.profile-menu-item.is-disabled{cursor:default}.profile-menu-item.is-danger{color:var(--color-danger,#dc2626)}.profile-menu-item.is-danger .profile-menu-icon{color:var(--color-danger,#dc2626);background:#dc26261a}.profile-menu-item.is-danger .profile-menu-title{color:var(--color-danger,#dc2626)}.profile-menu-item.is-danger:active{background:#dc262614;border-color:#dc262647}.profile-menu-left{align-items:center;gap:12px;min-width:0;display:flex}.profile-menu-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:28px;height:28px;color:var(--color-accent);flex:0 0 28px;place-items:center;font-size:14px;display:grid}.profile-menu-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.profile-menu-right{flex:none;align-items:center;gap:8px;display:flex}.profile-menu-arrow{color:var(--color-muted);opacity:.75;font-size:12px}.profile-menu-value{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:700}.profile-switch{flex:none;align-items:center;display:flex}.profile-switch-track{border-radius:var(--radius-full);background:var(--color-border-strong);width:40px;height:22px;transition:background var(--transition-normal);display:block;position:relative}.profile-switch-thumb{border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--transition-normal);background:#fff;display:block;position:absolute;top:2px;left:2px}.profile-switch-thumb.is-active{transform:translate(18px)}.profile-menu-item[aria-pressed=true] .profile-switch-track{background:var(--color-accent)}.profile-connect{text-align:center;gap:14px;padding:10px 0 2px;display:grid}.profile-connect-label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.profile-connect-list{justify-content:center;gap:12px;display:flex}.profile-connect-button{color:#fff;width:44px;height:44px;transition:filter var(--transition-fast), transform var(--transition-fast);border-radius:14px;place-items:center;font-size:18px;font-weight:950;display:grid}.profile-connect-button:active{transform:scale(.92)}.profile-connect-button.facebook{background:#1877f2;font-family:Arial,sans-serif;font-size:24px;font-weight:900}.profile-connect-button.messenger{background:linear-gradient(135deg,#00b2ff,#006aff)}.profile-connect-button.zalo{letter-spacing:-.02em;text-transform:uppercase;background:#0068ff;font-size:10px}.profile-connect-button.email{background:#ea4335}.profile-menu-render-item{display:contents}@media (width>=768px){.profile-menu{max-width:560px;margin-left:auto;margin-right:auto}}.shortcut{gap:10px;margin:12px 0 18px;display:grid}.shortcut-header{justify-content:space-between;align-items:center;display:flex}.shortcut-heading{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:900}.shortcut-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shortcut-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(circle at top right, var(--shortcut-glow,transparent), transparent 48%), var(--color-surface);width:100%;min-width:0;min-height:78px;color:var(--color-text);text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:.42s both shortcut-enter;animation-delay:calc(var(--shortcut-index,0) * 42ms);transition:background var(--transition-fast), border-color var(--transition-fast),  transform var(--transition-fast), opacity var(--transition-fast);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:13px;text-decoration:none;display:grid;position:relative;overflow:hidden}.shortcut-card:before{pointer-events:none;content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff38,#0000 38%);position:absolute;inset:0}.shortcut-card:active:not(.is-disabled){background:radial-gradient(circle at top right, var(--shortcut-glow,transparent), transparent 48%), var(--color-surface-soft);transform:scale(.975)}.shortcut-card.is-disabled,.shortcut-card:disabled{cursor:default;opacity:.55}.shortcut-card.is-featured{border-color:#6366f152}.shortcut-icon{z-index:1;width:38px;height:38px;transition:transform var(--transition-fast), filter var(--transition-fast);border-radius:14px;flex:0 0 38px;place-items:center;font-size:16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.shortcut-content{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.shortcut-title-row{align-items:center;gap:6px;min-width:0;display:flex}.shortcut-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.25;overflow:hidden}.shortcut-description{color:var(--color-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.shortcut-badge{border-radius:var(--radius-full);text-transform:uppercase;flex:none;align-items:center;max-width:64px;padding:2px 6px;font-size:9px;font-weight:900;line-height:1.2;display:inline-flex}.shortcut-icon.is-accent,.shortcut-badge.is-accent{--shortcut-glow:#6366f11f;background:var(--color-accent-soft);color:var(--color-accent)}.shortcut-icon.is-success,.shortcut-badge.is-success{--shortcut-glow:#16a34a1f;color:var(--color-success);background:#16a34a1a}.shortcut-icon.is-warning,.shortcut-badge.is-warning{--shortcut-glow:#d9770624;color:var(--color-warning);background:#d977061f}.shortcut-icon.is-danger,.shortcut-badge.is-danger{--shortcut-glow:#dc26261f;color:var(--color-danger);background:#dc26261a}.shortcut-icon.is-info,.shortcut-badge.is-info{--shortcut-glow:#2563eb1f;color:var(--color-info);background:#2563eb1a}@keyframes shortcut-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:hover){.shortcut-card:hover:not(.is-disabled){border-color:var(--color-border-strong);background:radial-gradient(circle at top right, var(--shortcut-glow,transparent), transparent 48%), var(--color-surface-soft);transform:translateY(-2px)}.shortcut-card:hover:not(.is-disabled):before{opacity:1}.shortcut-card:hover:not(.is-disabled) .shortcut-icon{filter:saturate(1.08);transform:translateY(-1px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.shortcut-card{transition:none;animation:none}.shortcut-card:active:not(.is-disabled),.shortcut-card:hover:not(.is-disabled),.shortcut-card:hover:not(.is-disabled) .shortcut-icon{transform:none}}.profile-shortcut-wrapper{width:100%;max-width:560px;margin:14px auto 0}@media (width<=768px){.profile-shortcut-wrapper{max-width:100%}}.profile-account-editor-body{--profile-account-editor-field-bg:color-mix(in srgb, var(--color-surface-soft) 82%, var(--color-surface));--profile-account-editor-field-bg-active:color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-border));background:var(--color-surface)}[data-theme=dark] .profile-account-editor-body{--profile-account-editor-field-bg:color-mix(in srgb, var(--color-surface-soft) 76%, var(--color-border));--profile-account-editor-field-bg-active:color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-border-strong))}.profile-account-editor-form{width:min(100%,560px);padding:18px 20px calc(30px + env(safe-area-inset-bottom));align-content:start;gap:20px;margin-inline:auto;display:grid}.profile-account-editor-content{align-content:start;gap:18px;min-width:0;display:grid}.profile-account-text-editor{background:var(--profile-account-editor-field-bg);min-width:0;transition:background var(--transition-fast);border-radius:18px;display:block;position:relative;overflow:hidden}.profile-account-text-editor:focus-within{background:var(--profile-account-editor-field-bg-active)}.profile-account-text-editor.has-error{background:color-mix(in srgb, var(--color-danger) 7%, var(--profile-account-editor-field-bg))}.profile-account-name-input,.profile-account-bio-input{resize:none;width:100%;min-width:0;color:var(--color-text);font:inherit;appearance:none;display:block;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important}.profile-account-name-input{letter-spacing:-.032em;overscroll-behavior:contain;min-height:150px;padding:17px 16px 44px;font-weight:860;line-height:1.18;overflow:hidden auto;font-size:clamp(23px,4.5vw,29px)!important}.profile-account-bio-input{overscroll-behavior:contain;height:132px;min-height:132px;max-height:132px;padding:15px 16px 43px;font-weight:560;line-height:1.56;overflow:hidden auto;font-size:15px!important}.profile-account-name-input:focus,.profile-account-name-input:focus-visible,.profile-account-bio-input:focus,.profile-account-bio-input:focus-visible{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.profile-account-name-input::placeholder{color:color-mix(in srgb, var(--color-muted) 50%, transparent);font-weight:730}.profile-account-bio-input::placeholder{color:color-mix(in srgb, var(--color-muted) 62%, transparent)}.profile-account-field-status{pointer-events:none;justify-content:flex-end;min-width:0;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.profile-account-field-status>span{color:var(--color-muted);font-size:10.5px;font-weight:720;line-height:1.25}.profile-account-field-status em{min-width:0;max-height:2.7em;color:var(--color-danger);text-align:right;justify-content:flex-end;align-items:flex-start;gap:5px;font-size:10.5px;font-style:normal;font-weight:760;line-height:1.3;animation:.18s both profileAccountEditorErrorIn;display:inline-flex;overflow:hidden}.profile-account-field-status em svg{flex:none;margin-top:2px;font-size:9px}.profile-account-avatar-editor{align-content:start;justify-items:center;gap:10px;padding-top:2px;display:grid}.profile-account-avatar-preview{aspect-ratio:1;border:1px solid var(--color-border);background-color:var(--color-surface-soft);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;width:120px;transition:border-color var(--transition-fast), transform var(--transition-fast);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;padding:0;display:block}.profile-account-avatar-preview.has-change{border-color:color-mix(in srgb, var(--color-success) 44%, var(--color-border))}.profile-account-avatar-preview:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 25%, transparent);outline-offset:3px}.profile-account-avatar-preview:active:not(:disabled){transform:scale(.98)}.profile-account-avatar-preview:disabled{cursor:default}.profile-account-avatar-select{min-height:34px;color:var(--color-text-soft);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:5px 9px;font-size:13px;font-weight:770;line-height:1.2;display:inline-flex}.profile-account-avatar-select svg{color:var(--color-muted);font-size:12px}.profile-account-avatar-select:active{background:var(--color-surface-soft)}.profile-account-avatar-select:has(+.profile-account-avatar-input:focus-visible){outline:3px solid color-mix(in srgb, var(--color-accent) 25%, transparent);outline-offset:2px}.profile-account-avatar-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-account-editor-error{background:color-mix(in srgb, var(--color-danger) 9%, var(--color-surface));width:min(100%,420px);color:var(--color-danger);border-radius:11px;align-items:flex-start;gap:7px;margin:0;padding:10px 11px;font-size:11px;font-weight:710;line-height:1.5;display:flex}.profile-account-editor-error svg{flex:none;margin-top:2px}.profile-account-editor-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-top:2px;display:grid}.profile-account-editor-actions button{min-height:54px;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border-radius:17px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.profile-account-editor-actions button:not(:disabled):active{transform:scale(.985)}.profile-account-editor-reset{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-soft) 82%, var(--color-surface));color:var(--color-text-soft)}.profile-account-editor-save{background:var(--color-primary);color:#fff}.profile-account-editor-actions button:disabled{cursor:not-allowed;opacity:1}.profile-account-editor-reset:disabled{border-color:color-mix(in srgb, var(--color-border) 72%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 48%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 64%, var(--color-surface))}.profile-account-editor-save:disabled{background:color-mix(in srgb, var(--color-surface-soft) 70%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 56%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-border) 82%, transparent)}[data-theme=dark] .profile-account-editor-reset:disabled{border-color:color-mix(in srgb, var(--color-border-strong) 66%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 50%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 70%, var(--color-surface))}[data-theme=dark] .profile-account-editor-save:disabled{background:color-mix(in srgb, var(--color-surface-soft) 56%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 68%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-border-strong) 72%, transparent)}@media (hover:hover){.profile-account-avatar-select:hover{background:var(--color-surface-soft);color:var(--color-text)}}@media (width>=729px){.profile-account-editor-form{padding:26px 28px 30px}.profile-account-avatar-preview{width:124px}}@media (width>=1200px){.profile-account-avatar-preview{width:132px}}@media (width<=380px){.profile-account-editor-form{gap:18px;padding-inline:14px}.profile-account-name-input{font-size:22px!important}.profile-account-avatar-preview{width:112px}}@media (prefers-reduced-motion:reduce){.profile-account-text-editor,.profile-account-field-status em,.profile-account-avatar-preview,.profile-account-avatar-select,.profile-account-editor-actions button{transition:none;animation:none}}@keyframes profileAccountEditorErrorIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.profile-account-loading{pointer-events:none}.profile-account-loading .profile-account-loading-profile,.profile-account-loading .profile-account-loading-settings{background:var(--color-surface);animation:none}.profile-account-loading-profile-copy,.profile-account-loading-setting-copy,.profile-account-loading-settings-heading{min-width:0;display:grid}.profile-account-loading-profile-copy{justify-items:center;gap:8px;width:min(100%,300px)}.profile-account-loading-avatar,.profile-account-loading-line,.profile-account-loading-setting-icon,.profile-account-loading-chevron{background:linear-gradient(100deg, var(--color-surface-soft) 20%, color-mix(in srgb, var(--color-surface) 72%, var(--color-border)) 40%, var(--color-surface-soft) 60%);background-size:220% 100%;animation:1.15s ease-in-out infinite profileAccountLoadingShimmer;display:block;overflow:hidden}.profile-account-loading-avatar{border:1px solid var(--color-border);border-radius:50%;width:94px;height:94px}.profile-account-loading-line{border-radius:var(--radius-full);height:10px}.profile-account-loading-line.is-handle{width:82px;height:9px}.profile-account-loading-line.is-name{border-radius:9px;width:min(78%,220px);height:24px}.profile-account-loading-line.is-bio{width:min(92%,270px);margin-top:3px}.profile-account-loading-line.is-bio-short{width:min(64%,190px)}.profile-account-loading-settings-heading{gap:7px;padding:19px 20px 14px}.profile-account-loading-line.is-eyebrow{width:112px;height:8px}.profile-account-loading-line.is-title{border-radius:8px;width:176px;height:20px}.profile-account-loading-settings-list{border-top:1px solid var(--color-border);grid-template-rows:repeat(3,minmax(0,1fr));display:grid}.profile-account-loading-setting-row{grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;min-width:0;min-height:78px;padding:12px 16px;font-style:normal;display:grid}.profile-account-loading-setting-row+.profile-account-loading-setting-row{border-top:1px solid var(--color-border)}.profile-account-loading-setting-icon{border:1px solid var(--color-border);border-radius:14px;width:44px;height:44px}.profile-account-loading-setting-icon.is-avatar{border-radius:50%}.profile-account-loading-setting-copy{gap:7px}.profile-account-loading-line.is-setting-title{width:min(48%,150px);height:12px}.profile-account-loading-line.is-setting-summary{width:min(72%,230px);height:9px}.profile-account-loading-chevron{border-radius:4px;justify-self:end;width:8px;height:14px}@media (width>=920px){.profile-account-loading-avatar{width:104px;height:104px}.profile-account-loading-settings-heading{padding:21px 22px 15px}.profile-account-loading-setting-row{min-height:82px;padding:14px 20px}}@media (width<=680px){.profile-account-loading-avatar{width:86px;height:86px}.profile-account-loading-settings-heading{padding:17px 16px 13px}.profile-account-loading-setting-row{grid-template-columns:42px minmax(0,1fr) 17px;gap:11px;min-height:74px;padding:11px 14px}.profile-account-loading-setting-icon{border-radius:13px;width:40px;height:40px}.profile-account-loading-setting-icon.is-avatar{border-radius:50%}}@media (width<=380px){.profile-account-loading-avatar{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.profile-account-loading-avatar,.profile-account-loading-line,.profile-account-loading-setting-icon,.profile-account-loading-chevron{animation:none}}@keyframes profileAccountLoadingShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.popup-frame-layer.is-toast.is-top-right:has(.profile-account-notice-toast){z-index:170;padding:max(14px, env(safe-area-inset-top)) 14px 14px}.popup-frame-layer .profile-account-notice-toast.popup-frame-dialog.is-toast{--popup-frame-width:368px;border-color:color-mix(in srgb, var(--color-success) 22%, var(--color-border));background:color-mix(in srgb, var(--color-surface) 98%, transparent);width:min(100%,368px);max-width:calc(100vw - 28px);box-shadow:0 14px 34px color-mix(in srgb, var(--color-text) 13%, transparent);border-radius:15px;overflow:hidden}.popup-frame-layer .profile-account-notice-toast.popup-frame-dialog.is-toast:after{content:none;animation:none;display:none}.profile-account-notice-toast.popup-frame-dialog.is-toast .popup-frame-header{gap:11px;padding:14px 15px}.profile-account-notice-toast.popup-frame-dialog.is-toast .popup-frame-icon{border-radius:11px;width:34px;height:34px;font-size:15px}.profile-account-notice-toast.popup-frame-dialog.is-toast .popup-frame-title{font-size:14px;font-weight:870;line-height:1.25}.profile-account-notice-toast.popup-frame-dialog.is-toast .popup-frame-description{font-size:12.5px;font-weight:620;line-height:1.5}.profile-account-notice-toast.popup-frame-dialog.is-toast .popup-frame-close{width:30px;height:30px;color:var(--color-muted)}[data-theme=dark] .popup-frame-layer .profile-account-notice-toast.popup-frame-dialog.is-toast{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border-strong));background:color-mix(in srgb, var(--color-surface) 97%, transparent)}@media (width<=680px){.popup-frame-layer.is-toast.is-top-right:has(.profile-account-notice-toast){padding:12px 12px max(14px, env(safe-area-inset-bottom));place-items:end center}.popup-frame-layer .profile-account-notice-toast.popup-frame-dialog.is-toast{width:min(100%,420px);max-width:calc(100vw - 24px)}}.profile-account-page{width:100%;min-width:0;max-width:1000px;margin:0 auto;padding-bottom:20px}.profile-account-overview{gap:18px;min-width:0;display:grid}.profile-account-profile,.profile-account-settings{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px}.profile-account-profile{text-align:center;align-content:center;justify-items:center;gap:14px;min-width:0;padding:24px 20px;display:grid}.profile-account-profile-avatar{border:1px solid var(--color-border);background-color:var(--color-surface-soft);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:94px;height:94px;display:block}.profile-account-profile-copy{justify-items:center;gap:5px;min-width:0;display:grid}.profile-account-profile-copy h1,.profile-account-profile-copy p,.profile-account-settings-heading h2,.profile-account-settings-heading p{margin:0}.profile-account-profile-copy h1{max-width:100%;color:var(--color-text);letter-spacing:-.032em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(23px,3.2vw,29px);font-weight:860;line-height:1.16;overflow:hidden}.profile-account-handle{color:var(--color-muted);font-size:12px;font-weight:750}.profile-account-bio{max-width:440px;color:var(--color-text-soft);overflow-wrap:anywhere;white-space:pre-line;font-size:14px;font-weight:560;line-height:1.55}.profile-account-bio.is-empty{color:var(--color-muted);font-style:italic}.profile-account-settings{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.profile-account-settings-heading{gap:3px;padding:19px 20px 14px;display:grid}.profile-account-settings-heading p{color:var(--color-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:810}.profile-account-settings-heading h2{color:var(--color-text);letter-spacing:-.024em;font-size:21px;font-weight:860;line-height:1.2}.profile-account-settings-list{border-top:1px solid var(--color-border);grid-template-rows:repeat(3,minmax(0,1fr));display:grid}.profile-account-settings-list>button{text-align:left;min-width:0;min-height:78px;transition:background var(--transition-fast), transform var(--transition-fast);grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 16px;display:grid}.profile-account-settings-list>button+button{border-top:1px solid var(--color-border)}.profile-account-settings-list>button:active{background:var(--color-surface-soft);transform:scale(.995)}.profile-account-setting-icon{border:1px solid var(--color-border);background:var(--color-surface-soft);width:44px;height:44px;color:var(--color-text-soft);border-radius:14px;place-items:center;font-size:15px;display:grid}.profile-account-setting-icon.is-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%}.profile-account-setting-copy{gap:3px;min-width:0;display:grid}.profile-account-setting-copy strong{color:var(--color-text);font-size:15px;font-weight:810;line-height:1.25}.profile-account-setting-copy small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:590;line-height:1.4;overflow:hidden}.profile-account-setting-chevron{color:var(--color-muted);justify-self:end;font-size:12px}@media (hover:hover){.profile-account-settings-list>button:hover{background:color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface))}}@media (width>=920px){.profile-account-overview{grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:22px;padding-top:8px}.profile-account-profile,.profile-account-settings{height:100%;min-height:344px}.profile-account-profile{padding:28px 26px}.profile-account-profile-avatar{width:104px;height:104px}.profile-account-profile-copy h1{font-size:28px}.profile-account-settings-heading{padding:21px 22px 15px}.profile-account-settings-list>button{min-height:82px;padding:14px 20px}}@media (width<=680px){.profile-account-profile,.profile-account-settings{border-radius:18px}.profile-account-profile{padding:22px 16px}.profile-account-profile-avatar{width:86px;height:86px}.profile-account-settings-heading{padding:17px 16px 13px}.profile-account-settings-list>button{grid-template-columns:42px minmax(0,1fr) 17px;gap:11px;min-height:74px;padding:11px 14px}.profile-account-setting-icon{border-radius:13px;width:40px;height:40px;font-size:14px}.profile-account-profile-copy h1{font-size:24px}}@media (width<=380px){.profile-account-profile-avatar{width:80px;height:80px}.profile-account-profile-copy h1{font-size:23px}.profile-account-setting-copy strong{font-size:14.5px}.profile-account-setting-copy small{font-size:12px}}@media (prefers-reduced-motion:reduce){.profile-account-settings-list>button{transition:none!important;animation:none!important}}.profile-app-uipage{min-height:100dvh;color:var(--color-text);position:relative;overflow-x:hidden}.profile-app-uipage:before{z-index:0;pointer-events:none;content:"";position:fixed;inset:0}.profile-app-content{z-index:1;width:min(100% - 44px,980px);margin-inline:auto;padding:86px 0 38px;position:relative}.profile-app-layout{align-items:center;gap:30px;min-height:calc(100dvh - 124px);display:grid}.profile-app-overview,.profile-app-panel,.profile-app-installed{color:var(--color-text);background:0 0;position:relative}.profile-app-overview{text-align:left;align-content:center;justify-items:start;padding:18px 0 6px;display:grid}.profile-app-overview:before{z-index:-1;filter:blur(16px);opacity:.82;content:"";border-radius:50%;width:260px;height:260px;position:absolute;top:-34px;left:-52px}.profile-app-logo-wrap,.profile-app-eyebrow,.profile-app-title,.profile-app-subtitle,.profile-app-badges{z-index:1;position:relative}.profile-app-logo-wrap{border-radius:30px;width:98px;height:98px;margin-bottom:-30px;display:grid}.profile-app-logo{border:1px solid var(--color-border);background:var(--color-surface);width:74px;height:74px;box-shadow:var(--shadow-sm);border-radius:22px;place-items:center;display:grid;overflow:hidden}.profile-app-logo img{object-fit:cover;border-radius:15px;width:56px;height:56px}.profile-app-eyebrow,.profile-app-installed-kicker{border:1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-soft) 72%, transparent);min-height:30px;color:var(--color-accent);justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.profile-app-eyebrow{margin-top:22px}.profile-app-installed-kicker{margin-top:20px}.profile-app-title{max-width:620px;color:var(--color-text);letter-spacing:-.075em;margin:16px 0 0;font-size:clamp(34px,7vw,60px);font-weight:1000;line-height:.98}.profile-app-subtitle{max-width:540px;color:var(--color-text-soft);margin:18px 0 0;font-size:clamp(14px,2vw,17px);font-weight:650;line-height:1.7}.profile-app-badges{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:22px;display:flex}.profile-app-badge{border:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface) 72%, transparent);min-height:36px;color:var(--color-text);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.profile-app-badge svg{color:var(--color-accent);font-size:12px}.profile-app-panel{align-content:center;padding:8px 0 18px;display:grid}.profile-app-panel-header{margin-bottom:16px}.profile-app-panel-kicker{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:950;display:inline-flex}.profile-app-panel-header h2{color:var(--color-text);letter-spacing:-.06em;margin:0;font-size:clamp(22px,4vw,30px);font-weight:1000;line-height:1.05}.profile-app-panel-header p{max-width:430px;color:var(--color-muted);margin:8px 0 0;font-size:13px;font-weight:650;line-height:1.58}.profile-app-switcher{border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-soft)), color-mix(in srgb, var(--color-surface) 82%, transparent));box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:5px;display:flex;position:relative}.profile-app-switch-bg{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);width:calc(50% - 5px);height:calc(100% - 10px);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal);border-radius:14px;position:absolute;top:5px;left:5px}.profile-app-switcher[data-active=android] .profile-app-switch-bg{transform:translate(100%)}.profile-app-os-button{z-index:2;min-height:44px;color:var(--color-muted);transition:color var(--transition-fast);background:0 0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:950;display:inline-flex;position:relative}.profile-app-os-button.is-active{color:var(--color-text)}.profile-app-guide{margin-top:26px}.profile-app-timeline{margin:0 2px;padding-left:24px;position:relative}.profile-app-timeline:before{border-radius:var(--radius-full);background:var(--color-border);content:"";width:2px;position:absolute;top:7px;bottom:22px;left:7px}.profile-app-step{margin-bottom:26px;padding-left:28px;position:relative}.profile-app-step:last-child{margin-bottom:0}.profile-app-step:before{z-index:2;border:2px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-bg);width:30px;height:30px;color:var(--color-accent);content:attr(data-step);box-shadow:0 0 0 5px var(--color-bg);place-items:center;font-size:12px;font-weight:1000;display:grid;position:absolute;top:0;left:-25px}.profile-app-step.is-final:before{background:var(--color-accent);color:#fff}.profile-app-step h3{color:var(--color-text);margin:0 0 7px;font-size:15px;font-weight:950;line-height:1.25}.profile-app-step p{color:var(--color-muted);margin:0;font-size:13px;font-weight:600;line-height:1.65}.profile-app-icon-box{border:1px solid var(--color-border);background:var(--color-surface);min-width:24px;height:22px;color:var(--color-text);vertical-align:middle;border-radius:7px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.profile-app-installed{text-align:center;background:0 0;align-content:center;justify-items:center;min-height:calc(100dvh - 108px);padding:64px 20px;display:grid}.profile-app-installed-icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-success) 13%, transparent);width:86px;height:86px;color:var(--color-success);border:0;place-items:center;font-size:38px;display:grid}.profile-app-installed-title{color:var(--color-text);letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(28px,6vw,44px);font-weight:1000;line-height:1}.profile-app-installed-description{max-width:460px;color:var(--color-muted);margin:14px 0 0;font-size:15px;font-weight:650;line-height:1.65}.profile-app-content.is-installed{place-items:center;width:min(100% - 44px,980px);min-height:100dvh;padding:0;display:grid}.profile-app-content.is-installed .profile-app-installed{min-height:auto;padding:max(74px, calc(env(safe-area-inset-top) + 74px)) 20px max(32px, env(safe-area-inset-bottom))}@media (width>=860px){.profile-app-content,.profile-app-content.is-installed{width:min(100% - 64px,1180px)}.profile-app-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(46px,7vw,108px)}.profile-app-panel{padding-top:26px}}@media (width<=859px){.profile-app-layout{align-items:start;gap:24px}.profile-app-overview{text-align:center;justify-items:center}.profile-app-logo-wrap{place-items:center;margin-bottom:-20px}.profile-app-badges{justify-content:center}.profile-app-panel{width:min(100%,520px);margin-inline:auto}}@media (width<=520px){.profile-app-content{width:min(100% - 44px,980px);padding-top:78px}.profile-app-content.is-installed{width:min(100% - 44px,980px)}.profile-app-content.is-installed .profile-app-installed{padding:max(68px, calc(env(safe-area-inset-top) + 68px)) 14px max(28px, env(safe-area-inset-bottom))}.profile-app-logo-wrap{border-radius:28px;width:92px;height:92px}.profile-app-logo{border-radius:21px;width:70px;height:70px}.profile-app-logo img{width:54px;height:54px}.profile-app-panel{padding-bottom:22px}}.app-main:has(.profilehelppage){width:100%}.profile-help-page{margin-inline:auto;padding:0 0 96px}.profile-help-tabs-wrapper{top:var(--header-height);z-index:30;background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);width:100%;padding:12px 4px;position:fixed}.profile-help-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.profile-help-tabs::-webkit-scrollbar{display:none}.profile-help-tab{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);min-height:36px;color:var(--color-muted);white-space:nowrap;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:750;display:inline-flex}.profile-help-tab svg{opacity:.82;font-size:12px}.profile-help-tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.profile-help-tab:active{transform:scale(.96)}.profile-help-tab.is-active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.profile-help-tab.is-active svg{opacity:1}.profile-help-body{padding-top:10px}.profile-help-group{margin-top:18px;animation:.24s profileHelpFadeIn}.profile-help-group-title{color:var(--color-text);letter-spacing:-.035em;margin:0 0 10px 4px;font-size:17px;font-weight:900;line-height:1.25}.profile-help-list{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.profile-help-item{border-bottom:1px solid var(--color-border);background:var(--color-surface);transition:background var(--transition-fast)}.profile-help-item:last-child{border-bottom:0}.profile-help-item.is-active{background:color-mix(in srgb, var(--color-accent-soft) 52%, var(--color-surface))}.profile-help-question{width:100%;color:var(--color-text);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.profile-help-question span:first-child{min-width:0;font-size:14.5px;font-weight:780;line-height:1.45}.profile-help-question-icon{border-radius:var(--radius-full);background:var(--color-surface-soft);width:25px;height:25px;color:var(--color-muted);transition:transform var(--transition-normal), background var(--transition-fast), color var(--transition-fast);flex:none;place-items:center;font-size:11px;display:grid}.profile-help-item.is-active .profile-help-question-icon{background:var(--color-accent);color:#fff;transform:rotate(180deg)}.profile-help-answer{transition:grid-template-rows var(--transition-normal);grid-template-rows:0fr;display:grid}.profile-help-answer p{color:var(--color-muted);white-space:pre-line;margin:0;padding:0 16px;font-size:13.5px;line-height:1.65;overflow:hidden}.profile-help-item.is-active .profile-help-answer{grid-template-rows:1fr}.profile-help-item.is-active .profile-help-answer p{padding-bottom:18px}.profile-help-empty,.profile-help-message{min-height:220px;color:var(--color-muted);text-align:center;place-items:center;margin-top:-40px;padding:0 40px;display:grid}.profile-help-empty svg,.profile-help-message svg{opacity:.55;margin-bottom:-120px;font-size:34px}.profile-help-empty p,.profile-help-message p{margin:0;font-size:14px;font-weight:700}.profile-help-skeleton-title,.profile-help-skeleton-line,.profile-help-skeleton-dot{background:var(--color-surface-soft);position:relative;overflow:hidden}.profile-help-skeleton-title:after,.profile-help-skeleton-line:after,.profile-help-skeleton-dot:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-surface) 62%, transparent), transparent);animation:1.2s infinite profileHelpSkeleton;position:absolute;inset:0}.profile-help-skeleton-title{border-radius:var(--radius-full);width:136px;height:20px;margin:0 0 10px 4px}.profile-help-skeleton-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.profile-help-skeleton-item:last-child{border-bottom:0}.profile-help-skeleton-line{border-radius:var(--radius-full);height:15px}.profile-help-skeleton-line.is-long{width:min(76%,420px)}.profile-help-skeleton-dot{border-radius:var(--radius-full);flex:none;width:25px;height:25px}@keyframes profileHelpFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes profileHelpSkeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width>=768px){.profile-help-page{width:min(100% - 40px,760px)}.profile-help-tabs-wrapper{margin-inline:-20px;padding-inline:20px}.profile-help-question{padding:17px 18px}.profile-help-answer p{padding-inline:18px}.profile-help-item.is-active .profile-help-answer p{padding-bottom:20px}}@media (width<=768px){.profile-help-tabs-wrapper{left:0}.profile-help-body{margin-top:10px}}.profile-login-page,.profile-login-status-page,.profile-login-result-page{background:var(--color-bg);min-height:100dvh;color:var(--color-text);position:relative}.profile-login-back{top:max(14px, env(safe-area-inset-top));z-index:20;border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface) 88%, transparent);min-height:38px;color:var(--color-text-soft);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex;position:fixed;left:14px}.profile-login-back:hover{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.profile-login-back:active{transform:scale(.96)}.profile-login-shell{background:var(--color-bg);min-height:100dvh;display:grid}.profile-login-brand{display:none}.profile-login-panel{min-height:100dvh;padding:max(72px, calc(env(safe-area-inset-top) + 72px)) 20px max(28px, env(safe-area-inset-bottom));align-items:center;display:grid}.profile-login-panel-inner{width:min(100%,420px);margin-inline:auto}.profile-login-mobile-logo,.profile-login-logo,.profile-login-status-logo{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);place-items:center;display:grid;overflow:hidden}.profile-login-mobile-logo{border-radius:22px;width:62px;height:62px;margin-bottom:22px}.profile-login-mobile-logo img{object-fit:contain;width:40px;height:40px}.profile-login-panel-header{margin-bottom:22px}.profile-login-panel-header h2{color:var(--color-text);letter-spacing:-.055em;margin:0;font-size:32px;font-weight:950;line-height:1.08}.profile-login-panel-header p{color:var(--color-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.profile-login-form{gap:14px;display:grid}.profile-login-field{gap:8px;display:grid}.profile-login-field-heading{justify-content:space-between;align-items:center;gap:12px;min-height:18px;display:flex}.profile-login-field-heading>span{color:var(--color-text-soft);font-size:13px;font-weight:850}.profile-login-field-heading em{color:var(--color-danger);text-align:right;align-items:center;gap:5px;font-size:12px;font-style:normal;font-weight:750;line-height:1.3;animation:.18s both profileLoginFieldErrorIn;display:inline-flex}.profile-login-field-heading em svg{font-size:11px}.profile-login-input-wrap{isolation:isolate;border:1px solid color-mix(in srgb, var(--color-border) 76%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft)), var(--color-surface));min-height:54px;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:18px;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.profile-login-input-wrap:before{z-index:-1;border-radius:inherit;background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--color-accent-soft) 72%, transparent), transparent 42%);content:"";opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.profile-login-input-wrap:hover{border-color:color-mix(in srgb, var(--color-accent) 18%, var(--color-border-strong))}.profile-login-input-wrap:focus-within{border-color:color-mix(in srgb, var(--color-accent) 70%, var(--color-border));background:var(--color-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 42%, transparent), 0 0 0 5px color-mix(in srgb, var(--color-accent-soft) 80%, transparent), 0 16px 34px #0f172a14}.profile-login-input-wrap:focus-within:before{opacity:1}.profile-login-input-icon{z-index:1;width:18px;color:var(--color-muted);transition:color var(--transition-fast), transform var(--transition-fast);margin-left:16px;font-size:14px;position:relative}.profile-login-input-wrap:focus-within .profile-login-input-icon{color:var(--color-accent);transform:scale(1.04)}.profile-login-field.has-error .profile-login-input-wrap{border-color:color-mix(in srgb, var(--color-danger) 64%, var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb, var(--color-danger) 10%, transparent), 0 12px 26px #0f172a0e}.profile-login-field.has-error .profile-login-input-icon{color:var(--color-danger)}.profile-login-input-wrap input{z-index:1;width:100%;min-width:0;height:54px;color:var(--color-text);font:inherit;letter-spacing:-.01em;background:0 0;border:0;outline:0;font-size:14.5px;font-weight:700;position:relative}.profile-login-input-wrap input::placeholder{color:color-mix(in srgb, var(--color-muted) 74%, transparent);font-weight:560}.profile-login-input-wrap input:disabled{cursor:not-allowed;opacity:.65}.profile-login-password-toggle{z-index:1;border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface-soft) 52%, transparent);width:42px;height:42px;color:var(--color-muted);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);flex:none;place-items:center;margin-right:6px;font-size:14px;display:grid;position:relative}.profile-login-password-toggle:hover{background:var(--color-accent-soft);color:var(--color-accent)}.profile-login-password-toggle:active{transform:scale(.94)}.profile-login-remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:fit-content;min-height:24px;display:inline-flex}.profile-login-remember input{opacity:0;pointer-events:none;position:absolute}.profile-login-remember-box{border:1.5px solid var(--color-border-strong);background:var(--color-surface);width:17px;height:17px;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:5px;flex:none;place-items:center;display:grid;position:relative}.profile-login-remember-box:after{content:"";opacity:0;width:7px;height:4px;transition:opacity var(--transition-fast), transform var(--transition-fast);border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)translate(-1px,-1px)scale(.72)}.profile-login-remember input:checked+.profile-login-remember-box{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.profile-login-remember input:checked+.profile-login-remember-box:after{opacity:1;transform:rotate(45deg)translate(-1px,-1px)scale(1)}.profile-login-remember-text{color:var(--color-text-soft);font-size:12.8px;font-weight:750;line-height:1.3}.profile-login-submit{background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 76%, var(--color-accent)));color:#fff;letter-spacing:-.01em;min-height:54px;transition:background var(--transition-fast), transform var(--transition-fast),  opacity var(--transition-fast);border-radius:18px;justify-content:center;align-items:center;font-size:14.5px;font-weight:900;display:inline-flex}.profile-login-submit:hover{background:linear-gradient(135deg, var(--color-primary-hover), color-mix(in srgb, var(--color-primary-hover) 72%, var(--color-accent)))}.profile-login-submit:active{transform:scale(.985)}.profile-login-submit:disabled{cursor:not-allowed;opacity:.72;box-shadow:none;transform:none}.profile-login-footer{border-top:1px solid var(--color-border);text-align:center;justify-items:center;gap:9px;margin-top:20px;padding-top:18px;display:grid}.profile-login-footer p{color:var(--color-muted);margin:0;font-size:13.5px;line-height:1.5}.profile-login-footer a{color:var(--color-accent);font-weight:850;text-decoration:none}.profile-login-forgot{color:var(--color-text-soft);background:0 0;font-size:13px;font-weight:750}.profile-login-forgot:hover{color:var(--color-accent)}.profile-login-status-page,.profile-login-result-page{padding:max(80px, calc(env(safe-area-inset-top) + 80px)) 20px max(32px, env(safe-area-inset-bottom));background:radial-gradient(circle at top right, var(--color-accent-soft), transparent 38%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-accent-soft) 72%, transparent), transparent 34%), var(--color-bg);place-items:center;display:grid}.profile-login-status-content,.profile-login-result-content{text-align:center;justify-items:center;width:min(100%,420px);animation:.28s both profileLoginResultIn;display:grid}.profile-login-status-logo{border-radius:20px;width:58px;height:58px;margin-bottom:18px}.profile-login-status-logo img{object-fit:contain;width:38px;height:38px}.profile-login-status-loader{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:36px;height:36px;margin-bottom:14px;animation:.8s linear infinite profileLoginSpin}.profile-login-status-content p{color:var(--color-muted);margin:0;font-size:14px;font-weight:750}.profile-login-result-icon{border-radius:var(--radius-full);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--color-warning) 24%, transparent), color-mix(in srgb, var(--color-warning) 12%, var(--color-surface)));width:74px;height:74px;color:var(--color-warning);place-items:center;margin-bottom:18px;font-size:32px;display:grid}.profile-login-result-content h1{color:var(--color-text);letter-spacing:-.055em;margin:0;font-size:30px;font-weight:950;line-height:1.08}.profile-login-result-content p{max-width:360px;color:var(--color-muted);margin:10px 0 0;font-size:14px;line-height:1.65}.profile-login-result-primary{background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 76%, var(--color-accent)));color:#fff;width:min(100%,320px);min-height:52px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:18px;justify-content:center;align-items:center;margin-top:24px;font-size:14px;font-weight:900;display:inline-flex}.profile-login-result-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), color-mix(in srgb, var(--color-primary-hover) 72%, var(--color-accent)))}.profile-login-result-primary:active{transform:scale(.985)}@media (width>=860px){.profile-login-back{top:24px;left:24px}.profile-login-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.profile-login-brand{background:radial-gradient(circle at 18% 16%, var(--color-accent-soft), transparent 38%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 74%, var(--color-surface)), var(--color-surface));align-content:center;min-height:100dvh;padding:88px 72px;display:grid;position:relative;overflow:hidden}.profile-login-brand:before{border-radius:var(--radius-full);background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 66%);content:"";filter:blur(4px);opacity:.7;width:180px;height:180px;animation:7s ease-in-out infinite profileLoginFloatSoft;position:absolute;top:12%;right:12%}.profile-login-brand:after{border:1px solid color-mix(in srgb, var(--color-accent) 24%, transparent);border-radius:var(--radius-full);content:"";opacity:.55;width:310px;height:310px;position:absolute;bottom:-112px;right:-96px}.profile-login-logo{z-index:1;border-radius:24px;width:72px;height:72px;animation:5.6s ease-in-out infinite profileLoginLogoFloat;position:relative}.profile-login-logo img{object-fit:contain;width:46px;height:46px}.profile-login-eyebrow,.profile-login-brand h1,.profile-login-brand-text,.profile-login-highlights{z-index:1;position:relative}.profile-login-eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:24px 0 0;font-size:12px;font-weight:950}.profile-login-brand h1{max-width:500px;color:var(--color-text);letter-spacing:-.07em;margin:10px 0 0;font-size:clamp(42px,5vw,62px);font-weight:950;line-height:.98;animation:.56s both profileLoginTextIn}.profile-login-brand-text{max-width:460px;color:var(--color-muted);margin:18px 0 0;font-size:15px;line-height:1.7;animation:.56s 80ms both profileLoginTextIn}.profile-login-highlights{flex-wrap:wrap;gap:9px;margin-top:24px;animation:.56s .14s both profileLoginTextIn;display:flex}.profile-login-highlights span{border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface) 74%, transparent);min-height:34px;color:var(--color-text-soft);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:750;display:inline-flex}.profile-login-highlights span:hover{border-color:color-mix(in srgb, var(--color-accent) 34%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 46%, var(--color-surface));color:var(--color-text);transform:translateY(-2px)}.profile-login-highlights svg{color:var(--color-accent);font-size:12px}.profile-login-panel{background:radial-gradient(circle at top right, var(--color-accent-soft), transparent 36%), var(--color-bg);align-items:center;min-height:100dvh;padding:88px 72px}.profile-login-panel-inner{width:min(100%,430px);margin-inline:auto}.profile-login-mobile-logo{display:none}.profile-login-panel-header h2{font-size:38px}.profile-login-result-content h1{font-size:36px}}@keyframes profileLoginFloatSoft{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-18px,16px)scale(1.08)}}@keyframes profileLoginLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes profileLoginTextIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes profileLoginFieldErrorIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes profileLoginResultIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes profileLoginSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.profile-login-brand:before,.profile-login-logo,.profile-login-brand h1,.profile-login-brand-text,.profile-login-highlights,.profile-login-field-heading em,.profile-login-status-content,.profile-login-result-content,.profile-login-status-loader{animation:none}}input:focus{box-shadow:unset!important}.write-new-tab-body{--write-new-tab-background:var(--color-surface);--write-new-field-background:color-mix(in srgb, var(--color-surface-soft) 82%, var(--color-surface));--write-new-field-background-active:color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-border));background:var(--write-new-tab-background)}[data-theme=dark] .write-new-tab-body{--write-new-tab-background:color-mix(in srgb, var(--color-bg) 52%, var(--color-surface));--write-new-field-background:color-mix(in srgb, var(--color-surface-soft) 76%, var(--color-border));--write-new-field-background-active:color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-border-strong))}.write-new-form{width:min(100%,500px);padding:18px 20px calc(30px + env(safe-area-inset-bottom));align-content:start;gap:22px;margin:0 auto;display:grid}.write-new-primary-row{grid-template-columns:minmax(0,3fr) minmax(0,7fr);align-items:stretch;gap:15px;min-width:0;display:grid}.write-new-cover-section{align-content:start;min-width:0;display:grid}.write-new-cover-frame{aspect-ratio:2/3;background:var(--write-new-field-background);width:100%;max-width:132px;transition:background var(--transition-fast);border-radius:17px;justify-self:start;display:block;position:relative;overflow:hidden}.write-new-cover-frame>img{object-fit:cover;width:100%;height:100%;display:block}.write-new-cover-pick{z-index:1;border-radius:inherit;touch-action:manipulation;width:100%;height:100%;transition:background var(--transition-fast), opacity var(--transition-fast);background:0 0;border:0;position:absolute;inset:0}.write-new-cover-pick:active{background:#0f172a1a}.write-new-cover-pick:disabled{cursor:not-allowed;opacity:.48}.write-new-cover-action{z-index:3;border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 82%, transparent);color:#fff;touch-action:manipulation;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:31px;height:31px;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);border:0;place-items:center;font-size:10.5px;display:grid;position:absolute;bottom:7px;right:7px}.write-new-cover-action.is-reset{background:color-mix(in srgb, var(--color-danger) 82%, transparent)}.write-new-cover-action:active{opacity:.68;transform:scale(.94)}.write-new-cover-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.write-new-cover-error{z-index:2;background:color-mix(in srgb, var(--color-danger) 90%, transparent);color:#fff;text-align:left;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:flex-start;gap:5px;max-height:calc(100% - 52px);padding:7px 8px;font-size:9.5px;font-weight:760;line-height:1.3;animation:.18s both writeNewFieldErrorIn;display:flex;position:absolute;top:7px;left:7px;right:7px;overflow:hidden}.write-new-cover-error svg{flex:none;margin-top:1px;font-size:9px}.write-new-cover-error>span{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.write-new-title-editor,.write-new-description-editor{background:var(--write-new-field-background);min-width:0;transition:background var(--transition-fast);border-radius:18px;display:block;position:relative;overflow:hidden}.write-new-title-editor:focus-within,.write-new-description-editor:focus-within{background:var(--write-new-field-background-active)}.write-new-title-editor{height:100%}.write-new-title-input,.write-new-description-input{resize:none;width:100%;min-width:0;color:var(--color-text);font:inherit;appearance:none;display:block;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important}.write-new-title-input{letter-spacing:-.043em;overscroll-behavior:contain;height:100%;min-height:0;padding:16px 15px 44px;font-weight:880;line-height:1.14;overflow:hidden auto;font-size:clamp(22px,6vw,31px)!important}.write-new-description-input{min-height:88px;padding:14px 15px 42px;font-weight:580;line-height:1.55;overflow:hidden;font-size:15px!important}.write-new-title-input:focus,.write-new-title-input:focus-visible,.write-new-title-input:active,.write-new-description-input:focus,.write-new-description-input:focus-visible,.write-new-description-input:active{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.write-new-title-input::placeholder{color:color-mix(in srgb, var(--color-muted) 50%, transparent);font-weight:760}.write-new-description-input::placeholder{color:color-mix(in srgb, var(--color-muted) 62%, transparent)}.write-new-title-input:disabled,.write-new-description-input:disabled{cursor:not-allowed;opacity:.62}.write-new-title-status,.write-new-description-status{pointer-events:none;justify-content:flex-end;min-width:0;display:flex;position:absolute;bottom:11px;left:13px;right:13px}.write-new-title-status>span,.write-new-description-status>span{color:var(--color-muted);font-size:10.5px;font-weight:720;line-height:1.25}.write-new-title-status em,.write-new-description-status em{min-width:0;max-height:2.6em;color:var(--color-danger);text-align:right;justify-content:flex-end;align-items:flex-start;gap:5px;font-size:10.5px;font-style:normal;font-weight:760;line-height:1.3;animation:.18s both writeNewFieldErrorIn;display:inline-flex;overflow:hidden}.write-new-title-status em svg,.write-new-description-status em svg{flex:none;margin-top:1px;font-size:9.5px}.write-new-title-editor.has-error,.write-new-description-field.has-error .write-new-description-editor{background:color-mix(in srgb, var(--color-danger) 7%, var(--write-new-field-background))}.write-new-description-field{gap:9px;min-width:0;display:grid}.write-new-description-label{color:var(--color-text-soft);letter-spacing:-.01em;padding-inline:2px;font-size:12.5px;font-weight:850}.write-new-submit{background:var(--color-primary);color:#fff;letter-spacing:-.012em;touch-action:manipulation;width:100%;min-height:52px;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border:0;border-radius:17px;place-items:center;margin-top:-6px;font-size:14px;font-weight:900;display:inline-grid;position:relative}.write-new-submit:active{transform:scale(.985)}.write-new-submit:disabled{cursor:not-allowed;opacity:.58;transform:none}.write-new-submit>span:first-child{transition:opacity var(--transition-fast)}.write-new-submit.is-busy>span:first-child{opacity:0}.write-new-submit-spinner{border-radius:var(--radius-full);opacity:0;border:2px solid #ffffff57;border-top-color:#fff;width:17px;height:17px;position:absolute}.write-new-submit.is-busy .write-new-submit-spinner{opacity:1;animation:.72s linear infinite writeNewSubmitSpin}.write-new-cover-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.write-new-cover-pick:focus,.write-new-cover-pick:focus-visible,.write-new-cover-action:focus,.write-new-cover-action:focus-visible,.write-new-submit:focus,.write-new-submit:focus-visible{box-shadow:none;outline:0}@media (width<=380px){.write-new-form{gap:18px;padding-inline:14px}.write-new-primary-row{gap:12px}.write-new-title-input{padding:13px 12px 39px;font-size:21px!important}.write-new-description-input{min-height:82px;padding:13px 13px 39px}.write-new-title-status,.write-new-description-status{bottom:9px;left:11px;right:11px}}@media (width>=768px){.write-new-form{padding-top:24px}}@media (prefers-reduced-motion:reduce){.write-new-cover-frame,.write-new-cover-pick,.write-new-cover-action,.write-new-cover-error,.write-new-title-editor,.write-new-description-editor,.write-new-title-status em,.write-new-description-status em,.write-new-submit,.write-new-submit-spinner{transition:none;animation:none}}@keyframes writeNewSubmitSpin{to{transform:rotate(360deg)}}@keyframes writeNewFieldErrorIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.write-page.is-loading{min-height:calc(100vh - var(--header-height) - 126px);min-height:calc(100dvh - var(--header-height) - 126px)}.write-loading-grid{align-content:start;min-height:100%}.write-work-card.write-loading-card{cursor:default;pointer-events:none}.write-work-cover.write-loading-cover,.write-loading-line,.write-loading-pen{background:linear-gradient(90deg, var(--color-surface-soft) 0%, color-mix(in srgb, var(--color-surface-soft) 64%, var(--color-surface)) 46%, var(--color-surface-soft) 100%);background-size:220% 100%;animation:1.18s ease-in-out infinite writeLoadingShimmer;overflow:hidden}.write-work-cover.write-loading-cover:before,.write-work-cover.write-loading-cover:after{display:none}.write-loading-line{border-radius:var(--radius-full);display:block}.write-loading-line.is-title{width:min(88%,220px);height:14px}.write-loading-line.is-status{width:92px;height:22px}.write-loading-updated{align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.write-loading-pen{border-radius:4px;flex:none;width:11px;height:11px}.write-loading-updated-value{align-items:center;gap:5px;min-width:0;display:inline-flex}.write-loading-line.is-date{width:78px;height:10px}.write-loading-line.is-time{width:38px;height:10px}@media (width<=520px){.write-loading-card:nth-child(n+7){display:none}}@media (width>=521px){.write-loading-line.is-title,.write-loading-line.is-status{margin-inline:auto}.write-loading-line.is-title{width:92%;height:13px}.write-loading-updated{grid-template-columns:auto auto;justify-content:center;justify-self:center;align-items:center;gap:5px;display:inline-grid}.write-loading-updated-value{justify-items:start;gap:2px;display:grid}.write-loading-line.is-date{width:64px}.write-loading-line.is-time{width:34px}}@media (prefers-reduced-motion:reduce){.write-work-cover.write-loading-cover,.write-loading-line,.write-loading-pen{animation:none}}@keyframes writeLoadingShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.write-work-card{text-decoration:none}.write-work-card .write-work-cover{box-sizing:border-box;border:1px solid var(--color-border-strong)}.write-work-card .write-work-cover:after{display:none}.write-work-card .write-work-updated{min-width:0;max-width:100%;color:var(--color-muted);white-space:normal;align-items:center;gap:6px;font-size:11.5px;font-weight:720;line-height:1.3;display:inline-flex}.write-work-updated-heading,.write-work-updated-value{align-items:center;min-width:0;display:inline-flex}.write-work-updated-heading{flex:none;place-items:center;line-height:1;display:grid}.write-work-updated-heading svg{opacity:.78;font-size:10.5px;display:block}.write-work-updated-value{flex-wrap:wrap;gap:4px}.write-work-updated-value>span{flex:none}@media (width>=521px){.write-work-card .write-work-updated{text-align:left;grid-template-columns:auto auto;justify-content:center;justify-self:center;align-items:center;gap:5px;width:auto;max-width:100%;font-size:10.5px;line-height:1.25;display:inline-grid}.write-work-updated-heading{place-self:center}.write-work-updated-value{white-space:normal;justify-items:start;gap:1px;display:grid;overflow:visible}.write-work-updated-separator{display:none}}.write-page{width:100%;max-width:680px;margin:10px auto 0;padding-bottom:88px;display:grid}.write-work-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.write-work-card{width:100%;min-width:0;color:var(--color-text);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform var(--transition-fast), background var(--transition-fast), outline-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;padding:4px;display:grid}.write-work-card:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 24%, transparent);outline-offset:3px}.write-work-card:active{background:color-mix(in srgb, var(--color-surface-soft) 72%, transparent);transform:scale(.985)}.write-work-cover{border:1px solid var(--color-border);background:var(--color-surface-soft);width:82px;height:123px;color:var(--color-primary);border-radius:11px;place-items:center;display:grid;position:relative;overflow:hidden}.write-work-cover:before,.write-work-cover:after{content:"";pointer-events:none;position:absolute}.write-work-cover:before{background:radial-gradient(circle at top left, var(--color-accent-soft), transparent 48%), var(--color-surface-soft);inset:0}.write-work-cover:after{inset-inline:10px;background:color-mix(in srgb, var(--color-primary) 24%, transparent);height:1px;bottom:12px}.write-work-cover-initials{z-index:1;letter-spacing:-.05em;font-size:29px;font-weight:950;position:relative}.write-work-cover-image{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.write-work-body{align-content:center;gap:10px;min-width:0;display:grid}.write-work-title{min-height:0;color:var(--color-text);letter-spacing:-.015em;text-align:left;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:900;line-height:1.34;display:-webkit-box;overflow:hidden}.write-work-details{justify-items:start;gap:8px;min-width:0;display:grid}.write-work-status{border-radius:var(--radius-full);background:var(--color-surface-soft);min-height:22px;color:var(--color-text-soft);white-space:nowrap;align-items:center;padding:0 8px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.write-work-status.is-ongoing{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));color:var(--color-accent)}.write-work-status.is-completed{background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface));color:var(--color-success)}.write-work-status.is-hidden,.write-work-status.is-unknown{color:var(--color-muted)}.write-work-updated{min-width:0;max-width:100%;color:var(--color-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;font-weight:720;line-height:1.35;display:inline-flex}.write-work-updated svg{opacity:.78;flex:none;font-size:10.5px}.write-work-updated span{text-overflow:ellipsis;overflow:hidden}.write-work-feedback{width:min(100%,420px);color:var(--color-muted);text-align:center;margin:68px auto 0;font-size:13px;font-weight:800;line-height:1.55}.write-empty-state{text-align:center;align-content:center;justify-items:center;gap:16px;width:min(100%,360px);min-height:min(58dvh,430px);margin:0 auto;padding:28px 18px;display:grid}.write-empty-icon{color:var(--color-muted);place-items:center;font-size:42px;line-height:1;display:grid}.write-empty-copy{gap:8px;display:grid}.write-empty-copy h2,.write-empty-copy p{margin:0}.write-empty-copy h2{color:var(--color-text);letter-spacing:-.035em;font-size:20px;font-weight:950;line-height:1.2}.write-empty-copy p{color:var(--color-muted);font-size:13px;font-weight:700;line-height:1.6}.write-create-submit{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;cursor:pointer;touch-action:manipulation;min-height:42px;transition:transform var(--transition-fast);border:0;padding:0 18px;font-size:13px;font-weight:900}.write-create-submit:focus-visible,.write-create-cover:focus-visible,.write-create-field input:focus-visible,.write-create-field textarea:focus-visible,.write-floating-add:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 28%, transparent);outline-offset:3px}.write-create-submit:active{transform:scale(.97)}.write-work-card.is-loading{cursor:default;pointer-events:none}.write-work-skeleton-cover,.write-work-skeleton-line{background:linear-gradient(90deg, var(--color-surface-soft) 0%, color-mix(in srgb, var(--color-surface-soft) 64%, var(--color-surface)) 46%, var(--color-surface-soft) 100%);background-size:220% 100%;animation:1.18s ease-in-out infinite writeSkeletonShimmer;overflow:hidden}.write-work-skeleton-cover:before,.write-work-skeleton-cover:after{display:none}.write-work-skeleton-line{border-radius:var(--radius-full);display:block}.write-work-skeleton-line.is-title{width:min(88%,220px);height:14px}.write-work-skeleton-line.is-status{width:92px;height:22px}.write-work-skeleton-line.is-meta{width:166px;height:11px}.write-floating-add{top:calc(env(safe-area-inset-top) + ((var(--header-height) - 40px) / 2));right:max(14px, calc((100vw - var(--container-width)) / 2));z-index:70;border-radius:var(--radius-full);background:var(--color-surface-soft);width:40px;height:40px;color:var(--color-text);cursor:pointer;touch-action:manipulation;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;border:0;place-items:center;font-size:14px;display:grid;position:fixed}.write-floating-add:active{background:var(--color-accent-soft);color:var(--color-accent);transform:scale(.94)}.write-floating-add span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.write-create-tab-body{background:var(--color-surface)}.write-create-form{width:min(100%,520px);padding:24px 18px calc(30px + env(safe-area-inset-bottom));gap:22px;margin:0 auto;display:grid}.write-create-cover{border:1px dashed var(--color-border-strong);background:var(--color-surface-soft);width:128px;min-height:190px;color:var(--color-text-soft);text-align:center;cursor:pointer;touch-action:manipulation;transition:transform var(--transition-fast);border-radius:16px;justify-self:center;place-items:center;gap:12px;padding:18px 12px;display:grid}.write-create-cover:active{transform:scale(.985)}.write-create-cover-icon{background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);border-radius:16px;place-items:center;font-size:18px;display:grid}.write-create-cover>span:last-child{gap:5px;display:grid}.write-create-cover strong{color:var(--color-text);font-size:13px;font-weight:900}.write-create-cover small{color:var(--color-muted);font-size:10.5px;font-weight:700}.write-create-field{color:var(--color-text-soft);gap:8px;font-size:12px;font-weight:850;display:grid}.write-create-field input,.write-create-field textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;resize:vertical;border-radius:14px;outline:none;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.5}.write-create-field input{min-height:46px}.write-create-field textarea{min-height:126px}.write-create-field input::placeholder,.write-create-field textarea::placeholder{color:var(--color-muted)}.write-create-field>small{color:var(--color-muted);font-size:10.5px;font-weight:700;line-height:1.4}.write-create-footer{gap:14px;padding-top:4px;display:grid}.write-create-footer p{color:var(--color-muted);text-align:center;margin:0;font-size:11px;font-weight:700;line-height:1.5}.write-create-submit{width:100%;min-height:46px}@media (width>=521px){.write-page{margin-top:14px;padding-bottom:72px}.write-work-grid{grid-template-columns:repeat(auto-fill,108px);justify-content:center;gap:18px 14px}.write-work-card{text-align:center;border-radius:12px;grid-template-columns:1fr;align-items:start;gap:8px;width:108px;padding:0}.write-work-cover{border-radius:12px;width:108px;height:162px}.write-work-cover:after{inset-inline:12px;bottom:14px}.write-work-cover-initials{font-size:34px}.write-work-body{gap:7px;width:100%}.write-work-title{text-align:center;min-height:35px;font-size:13.2px}.write-work-details{justify-items:center;gap:6px}.write-work-updated{justify-content:center;width:100%;font-size:10.5px}.write-work-skeleton-line.is-title,.write-work-skeleton-line.is-status,.write-work-skeleton-line.is-meta{margin-inline:auto}.write-work-skeleton-line.is-title{width:92%;height:13px}.write-work-skeleton-line.is-meta{width:92%}}@media (width>=768px){.write-page{margin-top:16px}.write-floating-add{right:max(20px, calc((100vw - var(--container-width)) / 2))}.write-create-form{padding-top:30px}}@media (prefers-reduced-motion:reduce){.write-work-card,.write-create-submit,.write-create-cover,.write-floating-add,.write-work-skeleton-cover,.write-work-skeleton-line{transition:none;animation:none}}@keyframes writeSkeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.write-manage-delete-panel .full-page-tab-title{font-size:21px}.write-manage-delete-panel .full-page-tab-description{display:none}.write-manage-delete-content{width:min(100%,540px);padding:18px 16px calc(28px + env(safe-area-inset-bottom));align-content:start;gap:18px;margin-inline:auto;display:grid}.write-manage-delete-summary{background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));border-radius:20px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:16px;display:grid}.write-manage-delete-summary>span{background:color-mix(in srgb, var(--color-danger) 15%, var(--color-surface));width:52px;height:52px;color:var(--color-danger);border-radius:17px;place-items:center;font-size:19px;display:grid}.write-manage-delete-summary>div{gap:4px;min-width:0;display:grid}.write-manage-delete-summary small{color:var(--color-danger);letter-spacing:.035em;text-transform:uppercase;font-size:11px;font-weight:840}.write-manage-delete-summary h3,.write-manage-delete-summary p,.write-manage-delete-impact h3,.write-manage-delete-error{margin:0}.write-manage-delete-summary h3{overflow-wrap:anywhere;color:var(--color-text);letter-spacing:-.025em;font-size:21px;font-weight:920;line-height:1.22}.write-manage-delete-summary p{color:var(--color-text-soft);font-size:13px;font-weight:620;line-height:1.48}.write-manage-delete-impact{gap:10px;display:grid}.write-manage-delete-impact h3{color:var(--color-text-soft);padding-inline:2px;font-size:14px;font-weight:850}.write-manage-delete-impact>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;display:grid;overflow:hidden}.write-manage-delete-impact article{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;padding:11px 13px;display:grid}.write-manage-delete-impact article+article{border-top:1px solid var(--color-border)}.write-manage-delete-impact article>span{background:var(--color-surface-soft);width:40px;height:40px;color:var(--color-muted);border-radius:13px;place-items:center;font-size:14px;display:grid}.write-manage-delete-impact article>div{gap:2px;min-width:0;display:grid}.write-manage-delete-impact strong{color:var(--color-text);font-size:14px;font-weight:840}.write-manage-delete-impact small{color:var(--color-muted);font-size:12px;font-weight:610;line-height:1.42}.write-manage-delete-error{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger);border-radius:13px;padding:12px 13px;font-size:12.5px;font-weight:720;line-height:1.5}.write-manage-delete-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.write-manage-delete-actions button{border-radius:15px;min-height:52px;font-size:14px;font-weight:860}.write-manage-delete-cancel{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-soft)}.write-manage-delete-confirm{background:var(--color-danger);color:#fff}.write-manage-delete-confirm:disabled{cursor:not-allowed;background:color-mix(in srgb, var(--color-danger) 25%, var(--color-surface));color:color-mix(in srgb, #fff 58%, var(--color-muted))}.write-manage-delete-actions button:disabled{opacity:1}[data-theme=dark] .write-manage-delete-impact>div,[data-theme=dark] .write-manage-delete-actions{border-color:var(--color-border-strong)}@media (width>=681px){.write-manage-delete-content{gap:20px;padding:26px}.write-manage-delete-summary{padding:18px}}@media (width<=420px){.write-manage-delete-summary{grid-template-columns:46px minmax(0,1fr);padding:14px}.write-manage-delete-summary>span{border-radius:15px;width:46px;height:46px}.write-manage-delete-summary h3{font-size:19px}.write-manage-delete-actions{grid-template-columns:1fr}.write-manage-delete-confirm{grid-row:1}}.write-manage-setting-card{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;width:100%;min-width:0;min-height:78px;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:17px;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:13px;padding:14px;display:grid}.write-manage-setting-card:active{transform:scale(.99)}.write-manage-setting-icon{background:var(--color-surface-soft);width:44px;height:44px;color:var(--color-muted);border-radius:14px;place-items:center;font-size:15px;display:grid}.write-manage-setting-card.is-configured .write-manage-setting-icon{background:var(--color-accent-soft);color:var(--color-accent)}.write-manage-setting-copy{gap:3px;min-width:0;display:grid}.write-manage-setting-copy small,.write-manage-setting-copy strong,.write-manage-setting-copy>span{margin:0}.write-manage-setting-copy small{color:var(--color-muted);font-size:10px;font-weight:820}.write-manage-setting-copy strong{color:var(--color-text);font-size:14px;font-weight:880;line-height:1.3}.write-manage-setting-copy>span{color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:640;line-height:1.45;overflow:hidden}.write-manage-setting-arrow{width:26px;height:26px;color:var(--color-muted);place-items:center;font-size:11px;display:grid}[data-theme=dark] .write-manage-setting-card{border-color:var(--color-border-strong)}[data-theme=dark] .write-manage-setting-card.is-configured .write-manage-setting-icon{background:color-mix(in srgb, var(--color-accent) 16%, var(--color-surface))}@media (hover:hover){.write-manage-setting-card:hover{border-color:var(--color-border-strong);background:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-soft))}}@media (width>=1024px){.write-manage-setting-card{grid-template-columns:46px minmax(0,1fr) 26px;align-items:start;min-height:134px;padding:17px}.write-manage-setting-icon{width:46px;height:46px}.write-manage-setting-copy{align-content:start;padding-top:1px}.write-manage-setting-copy>span{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.write-manage-setting-card{transition:none}}.write-manage-setting-editor-body{--write-manage-setting-field-bg:color-mix(in srgb, var(--color-surface-soft) 82%, var(--color-surface));--write-manage-setting-field-bg-active:color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-border));background:var(--color-surface)}[data-theme=dark] .write-manage-setting-editor-body{--write-manage-setting-field-bg:color-mix(in srgb, var(--color-surface-soft) 76%, var(--color-border));--write-manage-setting-field-bg-active:color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-border-strong))}.write-manage-setting-editor-form{width:min(100%,560px);padding:18px 20px calc(30px + env(safe-area-inset-bottom));align-content:start;gap:20px;margin-inline:auto;display:grid}.write-manage-setting-editor-content{gap:18px;min-width:0;display:grid}.write-manage-setting-text-editor{background:var(--write-manage-setting-field-bg);min-width:0;transition:background var(--transition-fast);border-radius:18px;display:block;position:relative;overflow:hidden}.write-manage-setting-text-editor:focus-within{background:var(--write-manage-setting-field-bg-active)}.write-manage-setting-title-input,.write-manage-setting-description-input{resize:none;width:100%;min-width:0;color:var(--color-text);font:inherit;appearance:none;display:block;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important}.write-manage-setting-title-input{letter-spacing:-.043em;overscroll-behavior:contain;min-height:168px;padding:18px 17px 48px;font-weight:880;line-height:1.14;overflow:hidden auto;font-size:clamp(24px,6vw,32px)!important}.write-manage-setting-description-input{min-height:148px;padding:16px 17px 46px;font-weight:580;line-height:1.55;overflow:hidden;font-size:15px!important}.write-manage-setting-title-input:focus,.write-manage-setting-title-input:focus-visible,.write-manage-setting-description-input:focus,.write-manage-setting-description-input:focus-visible{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.write-manage-setting-title-input::placeholder{color:color-mix(in srgb, var(--color-muted) 50%, transparent);font-weight:760}.write-manage-setting-description-input::placeholder{color:color-mix(in srgb, var(--color-muted) 62%, transparent)}.write-manage-setting-field-status{pointer-events:none;justify-content:flex-end;min-width:0;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.write-manage-setting-field-status>span{color:var(--color-muted);font-size:10.5px;font-weight:720;line-height:1.25}.write-manage-setting-field-status em{min-width:0;max-height:2.7em;color:var(--color-danger);text-align:right;justify-content:flex-end;align-items:flex-start;gap:5px;font-size:10.5px;font-style:normal;font-weight:760;line-height:1.3;animation:.18s both writeManageSettingErrorIn;display:inline-flex;overflow:hidden}.write-manage-setting-field-status em svg{flex:none;margin-top:2px;font-size:9px}.write-manage-setting-text-editor.has-error{background:color-mix(in srgb, var(--color-danger) 7%, var(--write-manage-setting-field-bg))}.write-manage-setting-editor-status{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;display:grid;overflow:hidden}.write-manage-setting-editor-status-option{cursor:pointer;min-width:0;min-height:76px;transition:background var(--transition-fast), box-shadow var(--transition-fast);border-radius:0;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative}.write-manage-setting-editor-status-option+.write-manage-setting-editor-status-option{border-top:1px solid var(--color-border)}.write-manage-setting-editor-status-option:first-child{border-radius:17px 17px 0 0}.write-manage-setting-editor-status-option:last-child{border-radius:0 0 17px 17px}.write-manage-setting-editor-status-option:only-child{border-radius:17px}.write-manage-setting-editor-status-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.write-manage-setting-editor-status-option>span:first-of-type{background:var(--color-surface-soft);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.write-manage-setting-editor-status-option>span:first-of-type i{background:currentColor;border-radius:50%;width:8px;height:8px;display:block}.write-manage-setting-editor-status-option>span.is-hidden{color:var(--color-warning)}.write-manage-setting-editor-status-option>span.is-ongoing{color:var(--color-info)}.write-manage-setting-editor-status-option>span.is-completed{color:var(--color-success)}.write-manage-setting-editor-status-option>span:nth-of-type(2){gap:3px;min-width:0;display:grid}.write-manage-setting-editor-status-option strong,.write-manage-setting-editor-status-option small{margin:0}.write-manage-setting-editor-status-option strong{color:var(--color-text);font-size:12px;font-weight:880}.write-manage-setting-editor-status-option small{color:var(--color-muted);font-size:9px;font-weight:620;line-height:1.45}.write-manage-setting-editor-radio{border:1.5px solid var(--color-border-strong);width:17px;height:17px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;display:block}.write-manage-setting-editor-status-option.is-selected{background:var(--color-accent-soft)}.write-manage-setting-editor-status-option.is-selected .write-manage-setting-editor-radio{border-color:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-accent)}.write-manage-setting-editor-cover,.write-manage-setting-editor-categories{gap:15px;display:grid}.write-manage-setting-editor-cover-flow{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.write-manage-setting-editor-cover-flow figure{gap:8px;margin:0;display:grid}.write-manage-setting-editor-cover-flow figcaption{color:var(--color-muted);text-align:center;font-size:9px;font-weight:820}.write-manage-setting-editor-cover-frame{aspect-ratio:2/3;background:var(--write-manage-setting-field-bg);width:min(100%,140px);color:var(--color-muted);border-radius:17px;justify-self:center;place-items:center;font-size:24px;display:grid;position:relative;overflow:hidden}button.write-manage-setting-editor-cover-frame{cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast)}button.write-manage-setting-editor-cover-frame:active{transform:scale(.98)}button.write-manage-setting-editor-cover-frame:focus-visible{box-shadow:inset 0 0 0 3px var(--color-accent-soft)}.write-manage-setting-editor-cover-frame img{object-fit:cover;width:100%;height:100%}.write-manage-setting-editor-cover-action{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 84%, transparent);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;width:32px;height:32px;font-size:10px;display:grid;position:absolute;bottom:8px;right:8px}.write-manage-setting-editor-cover-arrow{width:28px;height:28px;color:var(--color-muted);place-items:center;font-size:11px;display:grid}.write-manage-setting-editor-error,.write-manage-setting-editor-save-error{background:color-mix(in srgb, var(--color-danger) 9%, var(--color-surface));color:var(--color-danger);border-radius:12px;align-items:flex-start;gap:7px;margin:0;padding:11px 12px;font-size:9.5px;font-weight:720;line-height:1.5;display:flex}.write-manage-setting-editor-error svg,.write-manage-setting-editor-save-error svg{flex:none;margin-top:2px}.write-manage-setting-tag-heading{justify-content:space-between;align-items:center;gap:12px;padding-inline:2px;display:flex}.write-manage-setting-tag-heading span,.write-manage-setting-tag-heading small{margin:0}.write-manage-setting-tag-heading span{color:var(--color-text-soft);font-size:10.5px;font-weight:850}.write-manage-setting-tag-heading small{color:var(--color-warning);font-size:9px;font-weight:760}.write-manage-setting-tag-search{background:var(--write-manage-setting-field-bg);min-height:50px;color:var(--color-muted);border-radius:16px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:0 14px;display:grid}.write-manage-setting-tag-search:focus-within{background:var(--write-manage-setting-field-bg-active)}.write-manage-setting-tag-search input{width:100%;color:var(--color-text);outline:0;padding:0;font-size:13px;font-weight:650;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.write-manage-setting-selected-tags{flex-wrap:wrap;gap:7px;display:flex}.write-manage-setting-selected-tags button{border-radius:var(--radius-full);background:var(--color-accent-soft);min-height:34px;color:var(--color-text-soft);align-items:center;gap:7px;padding:0 11px;font-size:9.5px;font-weight:800;display:inline-flex}.write-manage-setting-selected-tags button svg{color:var(--color-accent);font-size:9px}.write-manage-setting-tag-results{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;display:grid;overflow:hidden}.write-manage-setting-tag-results>button{text-align:left;min-height:60px;transition:background var(--transition-fast), opacity var(--transition-fast);grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:12px;padding:10px 14px;display:grid}.write-manage-setting-tag-results>button+button{border-top:1px solid var(--color-border)}.write-manage-setting-tag-results>button>span:first-child{gap:2px;min-width:0;display:grid}.write-manage-setting-tag-results strong,.write-manage-setting-tag-results small{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.write-manage-setting-tag-results strong{color:var(--color-text);font-size:11px;font-weight:860}.write-manage-setting-tag-results small{color:var(--color-muted);font-size:9px;font-weight:620}.write-manage-setting-tag-results>button.is-selected{background:var(--color-accent-soft)}.write-manage-setting-tag-results>button:disabled{cursor:not-allowed;opacity:.42}.write-manage-setting-tag-check{border:1.5px solid var(--color-border-strong);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.write-manage-setting-tag-results>button.is-selected .write-manage-setting-tag-check{border-color:var(--color-accent);background:var(--color-accent)}.write-manage-setting-tag-message{color:var(--color-muted);text-align:center;margin:0;padding:22px 14px;font-size:10px;font-weight:650;line-height:1.55}.write-manage-setting-tag-message.is-error{color:var(--color-danger)}.write-manage-setting-editor-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-top:2px;display:grid}.write-manage-setting-editor-actions button{min-height:52px;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border-radius:17px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.write-manage-setting-editor-actions button:not(:disabled):active{transform:scale(.985)}.write-manage-setting-editor-reset{background:var(--color-surface-soft);color:var(--color-text-soft)}.write-manage-setting-editor-save{background:var(--color-primary);color:#fff}@media (hover:hover){.write-manage-setting-editor-status-option:hover:not(.is-selected),.write-manage-setting-tag-results>button:hover:not(.is-selected):not(:disabled){background:var(--color-surface-soft)}button.write-manage-setting-editor-cover-frame:hover{background:var(--write-manage-setting-field-bg-active)}}@media (width>=729px){.write-manage-setting-editor-form{padding:26px 28px 30px}}@media (width<=380px){.write-manage-setting-editor-form{gap:18px;padding-inline:14px}.write-manage-setting-title-input{min-height:152px;padding:15px 14px 44px;font-size:22px!important}.write-manage-setting-description-input{min-height:132px;padding:14px 14px 43px}.write-manage-setting-editor-cover-flow{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:6px}}@media (prefers-reduced-motion:reduce){.write-manage-setting-text-editor,.write-manage-setting-field-status em,.write-manage-setting-editor-status-option,.write-manage-setting-editor-radio,.write-manage-setting-editor-cover-frame,.write-manage-setting-tag-results>button,.write-manage-setting-editor-actions button{transition:none;animation:none}}@keyframes writeManageSettingErrorIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.write-manage-status-control{border:2px solid color-mix(in srgb, var(--color-warning) 30%, var(--color-border-strong));background:var(--color-surface);background-clip:padding-box;border-radius:18px;display:grid;overflow:hidden}.write-manage-status-readiness{border-bottom:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-warning) 5%, var(--color-surface));gap:10px;padding:12px 13px;display:grid}.write-manage-status-readiness>div:first-child{gap:2px;display:grid}.write-manage-status-readiness small,.write-manage-status-readiness strong{margin:0}.write-manage-status-readiness small{color:var(--color-warning);letter-spacing:.04em;text-transform:uppercase;font-size:9.5px;font-weight:850}.write-manage-status-readiness strong{color:var(--color-text);font-size:13px;font-weight:900;line-height:1.35}.write-manage-status-requirements{flex-wrap:wrap;gap:6px;display:flex}.write-manage-status-requirements>span{border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-surface));min-height:29px;color:var(--color-muted);align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:760;display:inline-flex}.write-manage-status-requirements>span svg{font-size:8.5px}.write-manage-status-requirements>span.is-complete{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border));background:color-mix(in srgb, var(--color-success) 7%, var(--color-surface));color:var(--color-success)}.write-manage-status-control.is-ready{border-color:color-mix(in srgb, var(--color-success) 34%, var(--color-border-strong))}.write-manage-status-control.is-ready .write-manage-status-readiness{background:color-mix(in srgb, var(--color-success) 5%, var(--color-surface))}.write-manage-status-control.is-ready .write-manage-status-readiness small{color:var(--color-success)}.write-manage-status-control .write-manage-setting-editor-status{border:0;border-radius:0;overflow:visible}.write-manage-status-control .write-manage-setting-editor-status-option{border-radius:0}.write-manage-status-control .write-manage-setting-editor-status-option+.write-manage-setting-editor-status-option{border-top-color:var(--color-border-strong)}.write-manage-setting-editor-status-option input:focus,.write-manage-setting-editor-status-option input:focus-visible{outline:0}.write-manage-setting-editor-status-option:focus-within{box-shadow:none;outline:0}.write-manage-setting-editor-status-option:has(input:focus-visible):after{border-radius:var(--radius-full);background:var(--color-accent);content:"";width:3px;position:absolute;top:15px;bottom:15px;left:7px}.write-manage-setting-editor-status-option.is-disabled{cursor:not-allowed;background:color-mix(in srgb, var(--color-surface-soft) 46%, var(--color-surface))}.write-manage-setting-editor-status-option.is-disabled>span:nth-of-type(2) strong,.write-manage-setting-editor-status-option.is-disabled>span:nth-of-type(2) small{color:var(--color-muted)}.write-manage-setting-editor-status-option.is-disabled .write-manage-setting-editor-radio{color:var(--color-muted);box-shadow:none;border-color:#0000;place-items:center;font-size:8px;display:grid}.write-manage-setting-editor-cover-frame{border:1px solid var(--color-border-strong);box-shadow:0 1px 2px color-mix(in srgb, var(--color-text) 7%, transparent)}button.write-manage-setting-editor-cover-frame:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent)}.write-manage-setting-editor-categories{gap:10px}.write-manage-tag-combobox{background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.write-manage-tag-input-surface{border:1px solid var(--color-border);background:color-mix(in srgb, var(--write-manage-setting-field-bg) 66%, var(--color-surface));min-height:48px;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px 6px 11px;display:grid}.write-manage-tag-input-surface>svg{color:var(--color-muted);font-size:12px}.write-manage-tag-input-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:6px;min-width:0;display:flex;overflow:auto hidden}.write-manage-tag-input-content::-webkit-scrollbar{display:none}.write-manage-tag-input-content input{min-width:116px;min-height:34px;color:var(--color-text);outline:0;flex:1 0 126px;padding:0 2px;font-size:13px;font-weight:640;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.write-manage-tag-input-content input::placeholder{color:var(--color-muted)}.write-manage-tag-chip{border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-soft) 68%, var(--color-surface));max-width:150px;min-height:32px;color:var(--color-text-soft);flex:none;align-items:center;gap:6px;padding:0 9px;font-size:10.5px;font-weight:790;display:inline-flex}.write-manage-tag-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.write-manage-tag-chip svg{color:var(--color-accent);flex:none;font-size:8px}.write-manage-tag-count{border-radius:var(--radius-full);min-width:30px;height:26px;color:var(--color-muted);background:0 0;place-items:center;font-size:9.5px;font-weight:820;display:grid}.write-manage-tag-count.is-limit{background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));color:var(--color-warning)}.write-manage-tag-combobox .write-manage-setting-tag-results{border:1px solid var(--color-border);background:var(--color-surface);max-height:260px;box-shadow:0 10px 24px color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:14px;margin-top:6px;overflow-y:auto}.write-manage-setting-tag-results>button{min-height:52px;padding:9px 12px}.write-manage-setting-tag-results strong{font-size:12px}.write-manage-setting-tag-results small{font-size:9.5px;line-height:1.35}.write-manage-setting-tag-check{width:20px;height:20px}.write-manage-setting-tag-message{padding:18px 13px;font-size:11px}.write-manage-setting-editor-actions button{min-height:54px;font-size:13px}.write-manage-setting-editor-reset{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-soft) 82%, var(--color-surface));color:var(--color-text-soft)}.write-manage-setting-editor-actions button:disabled{cursor:not-allowed;opacity:1}.write-manage-setting-editor-reset:disabled{border-color:color-mix(in srgb, var(--color-border) 72%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 48%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 64%, var(--color-surface))}.write-manage-setting-editor-save:disabled{background:color-mix(in srgb, var(--color-surface-soft) 70%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 56%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-border) 82%, transparent)}[data-theme=dark] .write-manage-status-control{border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-border-strong))}[data-theme=dark] .write-manage-tag-input-surface,[data-theme=dark] .write-manage-tag-combobox .write-manage-setting-tag-results{border-color:var(--color-border-strong)}[data-theme=dark] .write-manage-setting-editor-reset:disabled{border-color:color-mix(in srgb, var(--color-border-strong) 66%, transparent);background:color-mix(in srgb, var(--color-surface-soft) 50%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 70%, var(--color-surface))}[data-theme=dark] .write-manage-setting-editor-save:disabled{background:color-mix(in srgb, var(--color-surface-soft) 56%, var(--color-surface));color:color-mix(in srgb, var(--color-muted) 68%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-border-strong) 72%, transparent)}@media (hover:hover){.write-manage-tag-chip:hover{border-color:color-mix(in srgb, var(--color-accent) 34%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 82%, var(--color-surface))}}@media (width>=729px){.write-manage-status-readiness{grid-template-columns:minmax(0,1fr) auto;align-items:center}.write-manage-status-requirements{justify-content:flex-end}}.write-manage-share-panel .full-page-tab-title{font-size:21px}.write-manage-share-panel .full-page-tab-description{display:none}.write-manage-share-content{width:min(100%,520px);padding:18px 16px calc(28px + env(safe-area-inset-bottom));gap:18px;margin-inline:auto;display:grid}.write-manage-share-preview{background:color-mix(in srgb, var(--color-accent-soft) 54%, var(--color-surface));border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:14px;display:grid}.write-manage-share-preview-icon{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);width:44px;height:66px;color:var(--color-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:11px;place-items:center;font-size:16px;display:grid;overflow:hidden}.write-manage-share-preview-icon img{object-fit:cover;width:100%;height:100%}.write-manage-share-preview>div{gap:4px;min-width:0;display:grid}.write-manage-share-preview small{color:var(--color-muted);font-size:11.5px;font-weight:790}.write-manage-share-preview strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:880;line-height:1.3;overflow:hidden}.write-manage-share-preview>div>span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620;overflow:hidden}.write-manage-share-primary{background:var(--color-accent);color:#fff;text-align:left;border-radius:16px;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;min-height:58px;padding:10px 12px;display:grid}.write-manage-share-primary>span:first-child{background:#ffffff2b;border-radius:13px;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.write-manage-share-primary>span:nth-child(2){gap:2px;min-width:0;display:grid}.write-manage-share-primary strong{font-size:14px;font-weight:860}.write-manage-share-primary small{color:#ffffffd1;font-size:11px;font-weight:620;line-height:1.35}.write-manage-share-primary>svg{opacity:.82;font-size:12px}.write-manage-share-actions{gap:11px;display:grid}.write-manage-share-actions h3{color:var(--color-text);margin:0;padding-inline:2px;font-size:15px;font-weight:860}.write-manage-share-actions>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.write-manage-share-actions button{min-width:0;min-height:78px;color:var(--color-text-soft);background:0 0;border-radius:16px;align-content:center;place-items:center;gap:7px;padding:8px 4px;display:grid}.write-manage-share-actions button>span{box-sizing:border-box;color:#fff;width:48px;height:48px;box-shadow:0 5px 14px color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:16px;place-items:center;font-size:23px;display:grid}.write-manage-share-actions button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:770;overflow:hidden}.write-manage-share-actions button>span.is-copy{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-accent);box-shadow:none;font-size:17px}.write-manage-share-actions button>span.is-facebook{background:#1877f2}.write-manage-share-actions button>span.is-x{background:#0f172a;border:1px solid #ffffff3d}[data-theme=dark] .write-manage-share-actions button>span.is-x{border-color:var(--color-border-strong);color:#0f172a;background:#f8fafc}.write-manage-share-actions button>span.is-whatsapp{background:#25d366}.write-manage-share-actions button>span.is-telegram{background:#229ed9}.write-manage-share-actions button>span.is-zalo{background:#0068ff}.write-manage-share-feedback{background:color-mix(in srgb, var(--color-info) 8%, var(--color-surface));color:var(--color-text-soft);border-radius:13px;margin:0;padding:11px 12px;font-size:12.5px;font-weight:650;line-height:1.48}@media (hover:hover){.write-manage-share-primary:hover{background:var(--color-accent-hover)}.write-manage-share-actions button:hover>span{box-shadow:0 7px 18px color-mix(in srgb, var(--color-text) 13%, transparent)}.write-manage-share-actions button:hover>span.is-copy{border-color:var(--color-border-strong);box-shadow:none}}@media (width>=681px){.write-manage-share-content{gap:20px;padding:24px 24px 34px}.write-manage-share-actions>div{grid-template-columns:repeat(6,minmax(0,1fr))}.write-manage-share-actions button{min-height:88px}}@media (width<=360px){.write-manage-share-actions button>span{border-radius:15px;width:44px;height:44px}.write-manage-share-actions button strong{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.write-manage-share-actions button>span{transition:none}}.write-overview-menu-popover{width:218px!important;padding:7px!important}.write-overview-menu-popover a,.write-overview-menu-popover button{grid-template-columns:24px minmax(0,1fr)!important;gap:10px!important;min-height:48px!important;padding:0 12px!important;font-size:13.5px!important;font-weight:760!important}.write-overview-menu-popover :is(a,button) svg{font-size:13px}.write-overview-status,.write-overview-section-heading p{font-size:10.5px!important}.write-overview-section-heading>span,.write-manage-setting-copy small{font-size:11.5px!important}.write-manage-setting-copy strong{font-size:15px!important}.write-manage-setting-copy>span{font-size:12.5px!important}.write-overview-timeline-list>div{transition:none!important}.write-overview-timeline-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""value";gap:3px;min-width:0;display:grid}.write-overview-timeline-list dt{color:var(--color-text-soft);grid-area:label;font-weight:790;font-size:12px!important}.write-overview-timeline-list dd{color:var(--color-text);grid-area:value;margin:0;font-weight:860;line-height:1.35;text-align:left!important;font-size:14.5px!important}.write-overview-timeline-copy small{grid-area:description;display:none;font-size:11px!important}@media (hover:hover){.write-overview-timeline-list>div:hover{border-color:var(--color-border)!important;box-shadow:0 4px 14px color-mix(in srgb, var(--color-text) 4%, transparent)!important}[data-theme=dark] .write-overview-timeline-list>div:hover{border-color:var(--color-border-strong)!important;box-shadow:none!important}}.write-manage-status-control{overflow:hidden;border-width:1px!important;border-radius:17px!important}.write-manage-status-readiness{background:color-mix(in srgb, var(--color-surface-soft) 58%, var(--color-surface));gap:10px!important;padding:13px!important}.write-manage-status-readiness>div:first-child{gap:3px!important}.write-manage-status-readiness small{font-size:11px!important}.write-manage-status-readiness strong{font-size:0!important;line-height:1.35!important}.write-manage-status-readiness strong:after{color:var(--color-text);content:"Hoàn tất các điều kiện bên dưới";font-size:14px;font-weight:860}.write-manage-status-control.is-ready .write-manage-status-readiness strong:after{content:"Đã sẵn sàng"}.write-manage-status-requirements{background:var(--color-surface);border-radius:12px;padding-inline:10px;overflow:hidden;border:0!important;gap:0!important;display:grid!important}.write-manage-status-requirements>span{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;min-height:40px!important;color:var(--color-text-soft)!important;background:0 0!important;border:0!important;border-radius:0!important;gap:8px!important;padding:0 2px!important;font-size:13px!important;font-weight:720!important;display:grid!important}.write-manage-status-requirements>span+span{border-top:1px solid color-mix(in srgb, var(--color-border) 74%, transparent)!important}.write-manage-status-requirements>span>span{font-size:0!important}.write-manage-status-requirements>span:first-child>span:after,.write-manage-status-requirements>span:nth-child(2)>span:after,.write-manage-status-requirements>span:nth-child(3)>span:after{color:var(--color-text-soft);font-size:13px;font-weight:720}.write-manage-status-requirements>span:first-child>span:after{content:"Có giới thiệu"}.write-manage-status-requirements>span:nth-child(2)>span:after{content:"Tối thiểu 1 chương"}.write-manage-status-requirements>span:nth-child(3)>span:after{content:"Tối thiểu 1 thể loại"}.write-manage-status-requirements>span svg{color:var(--color-warning);font-size:12px!important}.write-manage-status-requirements>span:after{color:var(--color-warning);content:"Thiếu";font-size:11px;font-weight:820}.write-manage-status-requirements>span.is-complete{color:var(--color-text)!important}.write-manage-status-requirements>span.is-complete svg{color:var(--color-success)}.write-manage-status-requirements>span.is-complete:after{color:var(--color-success);content:"Đủ"}.write-manage-setting-editor-status-option{min-height:78px!important;transition:none!important}.write-manage-setting-editor-status-option strong{font-size:14.5px!important}.write-manage-setting-editor-status-option small{font-size:12px!important;line-height:1.45!important}@media (hover:hover){.write-manage-setting-editor-status-option:hover{background:var(--color-surface)!important}.write-manage-setting-editor-status-option.is-selected:hover{background:var(--color-accent-soft)!important}.write-manage-setting-editor-status-option.is-disabled:hover{background:color-mix(in srgb, var(--color-surface-soft) 46%, var(--color-surface))!important}}.write-manage-tag-input-content input{flex:1 0 100%!important;order:1!important;min-width:100%!important;min-height:36px!important;padding-inline:1px!important;font-size:14px!important}.write-manage-tag-chip{order:2!important;min-height:32px!important;margin-top:2px!important;font-size:11.5px!important}.write-manage-tag-count{margin-top:4px!important;font-size:11px!important}.write-manage-setting-editor-actions button{font-size:14px!important}.write-manage-notice-toast.popup-frame-dialog.is-toast{--popup-frame-width:370px;border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border-strong));box-shadow:0 16px 36px color-mix(in srgb, var(--color-text) 15%, transparent);border-radius:18px}.write-manage-notice-toast.popup-frame-dialog.is-toast:after{content:none!important;animation:none!important;display:none!important}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-heading{gap:3px!important}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-title{font-size:15px!important}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-description{font-size:13px!important;line-height:1.35!important}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-close{width:30px!important;height:30px!important;font-size:12px!important}[data-theme=dark] .write-manage-status-requirements{border-color:var(--color-border-strong)}@media (width>=681px){.write-overview-timeline-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value""description description";align-items:baseline;column-gap:14px}.write-overview-timeline-list dd{text-align:right!important}.write-overview-timeline-copy small{display:block}}@media (width<=680px){.popup-frame-layer.is-toast.is-top-right:has(.write-manage-notice-toast){padding:14px 14px max(16px, env(safe-area-inset-bottom));place-items:end center}.write-manage-notice-toast.popup-frame-dialog.is-toast{width:min(100%,420px)}}.write-overview{background:var(--color-bg);justify-self:stretch;width:100%;min-width:0;max-width:none;display:grid}.write-overview-summary{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:68px minmax(0,1fr) 40px;justify-self:stretch;align-items:center;gap:13px;width:100%;min-width:0;max-width:none;padding:14px;display:grid;position:relative}.write-overview-cover{aspect-ratio:2/3;border:1px solid var(--color-border);background:var(--color-surface-soft);width:68px;color:var(--color-muted);border-radius:12px;place-items:center;font-size:23px;font-weight:900;display:grid;overflow:hidden}.write-overview-cover img{object-fit:cover;width:100%;height:100%}.write-overview-summary-copy{align-content:center;gap:5px;min-width:0;display:grid}.write-overview-summary-copy h1,.write-overview-summary-copy p,.write-overview-notice{margin:0}.write-overview-summary-copy h1{color:var(--color-text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:920;line-height:1.12;overflow:hidden}.write-overview-summary-copy p{color:var(--color-text-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;font-weight:620;line-height:1.45;display:-webkit-box;overflow:hidden}.write-overview-status{border-radius:var(--radius-full);background:var(--color-surface-soft);width:max-content;min-height:24px;color:var(--color-text-soft);align-items:center;gap:6px;padding:0 8px;font-size:8.5px;font-weight:850;display:inline-flex}.write-overview-status i{background:currentColor;border-radius:50%;width:7px;height:7px;display:block}.write-overview-status.is-hidden{color:var(--color-warning)}.write-overview-status.is-ongoing{color:var(--color-info)}.write-overview-status.is-completed{color:var(--color-success)}.write-overview-menu{justify-self:end;position:relative}.write-overview-menu-trigger{background:var(--color-surface-soft);width:40px;height:40px;color:var(--color-text-soft);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;font-size:13px;display:grid}.write-overview-menu-trigger:active{transform:scale(.95)}.write-overview-menu-popover{z-index:30;border:1px solid var(--color-border);background:var(--color-surface);width:190px;box-shadow:var(--shadow-md);border-radius:14px;padding:5px;animation:.15s both writeOverviewMenuIn;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.write-overview-menu-popover a,.write-overview-menu-popover button{min-height:42px;color:var(--color-text-soft);text-align:left;border-radius:10px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;padding:0 11px;font-size:10px;font-weight:780;display:grid}.write-overview-menu-popover .is-danger{color:var(--color-danger)}.write-overview-body{gap:28px;width:min(100%,1180px);margin-inline:auto;padding:20px 14px 38px;display:grid}.write-overview-notice{border:1px solid color-mix(in srgb, var(--color-info) 20%, var(--color-border));background:color-mix(in srgb, var(--color-info) 7%, var(--color-surface));color:var(--color-text-soft);border-radius:13px;padding:11px 12px;font-size:9.5px;font-weight:680;line-height:1.5}.write-overview-setting-section,.write-overview-timeline-section{gap:12px;min-width:0;display:grid}.write-overview-section-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.write-overview-section-heading>div{gap:2px;min-width:0;display:grid}.write-overview-section-heading p,.write-overview-section-heading h2,.write-overview-section-heading>span{margin:0}.write-overview-section-heading p{color:var(--color-muted);letter-spacing:.065em;text-transform:uppercase;font-size:8.8px;font-weight:850}.write-overview-section-heading h2{color:var(--color-text);letter-spacing:-.028em;font-size:19px;font-weight:920;line-height:1.18}.write-overview-section-heading>span{color:var(--color-accent);flex:none;font-size:9px;font-weight:850}.write-overview-setting-list{gap:10px;display:grid}.write-overview-timeline-list{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;margin:0;display:grid;overflow:hidden}.write-overview-timeline-list>div{grid-template-columns:minmax(120px,auto) minmax(0,1fr);align-items:center;gap:16px;min-height:48px;padding:10px 14px;display:grid}.write-overview-timeline-list dt,.write-overview-timeline-list dd{min-width:0;margin:0}.write-overview-timeline-list dd{color:var(--color-text-soft);text-align:right;font-size:9.5px;font-weight:780}@media (hover:hover){.write-overview-menu-trigger:hover{background:var(--color-border);color:var(--color-text)}.write-overview-menu-popover a:hover,.write-overview-menu-popover button:hover{background:var(--color-surface-soft)}}@media (width>=681px){.write-overview-summary{background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 34%), var(--color-surface);grid-template-columns:92px minmax(0,1fr) 42px;gap:18px;padding:22px 24px}.write-overview-cover{border-radius:16px;width:92px;font-size:28px}.write-overview-summary-copy{gap:8px}.write-overview-summary-copy h1{font-size:clamp(24px,4vw,36px)}.write-overview-summary-copy p{max-width:760px;font-size:12px;line-height:1.55}.write-overview-status{gap:7px;min-height:28px;padding:0 10px;font-size:9.5px}.write-overview-body{gap:30px;padding:28px}}@media (width>=1024px){.write-overview-summary{grid-template-columns:106px minmax(0,1fr) 44px;gap:24px;padding:28px clamp(32px,4vw,56px)}.write-overview-cover{border-radius:18px;width:106px}.write-overview-body{padding:32px clamp(32px,4vw,56px) 44px}.write-overview-setting-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (width<=380px){.write-overview-summary{grid-template-columns:62px minmax(0,1fr) 38px;gap:10px}.write-overview-cover{width:62px}.write-overview-summary-copy h1{font-size:18px}.write-overview-menu-trigger{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.write-overview-menu-trigger,.write-overview-menu-popover{transition:none;animation:none}}@keyframes writeOverviewMenuIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.write-overview-summary-copy p{font-size:11.5px;line-height:1.52}.write-overview-status,.write-overview-section-heading p{font-size:9.5px}.write-overview-section-heading h2{font-size:20px}.write-overview-section-heading>span{font-size:10.5px}.write-overview-timeline-list{background:0 0;border:0;border-radius:0;gap:10px;display:grid;position:relative}.write-overview-timeline-list:before{background:color-mix(in srgb, var(--color-accent) 22%, var(--color-border));content:"";width:1px;position:absolute;top:30px;bottom:30px;left:29px}.write-overview-timeline-list>div{border:1px solid var(--color-border);background:var(--color-surface);min-height:82px;box-shadow:0 4px 14px color-mix(in srgb, var(--color-text) 4%, transparent);border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;padding:13px 14px 13px 9px;display:grid;position:relative}.write-overview-timeline-list>div+div{border-top:1px solid var(--color-border)}.write-overview-timeline-icon{z-index:1;border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface));width:42px;height:42px;color:var(--color-accent);border-radius:14px;place-items:center;font-size:14px;display:grid;position:relative}.write-overview-timeline-list>div.is-updated .write-overview-timeline-icon{border-color:color-mix(in srgb, var(--color-info) 20%, var(--color-border));background:color-mix(in srgb, var(--color-info) 8%, var(--color-surface));color:var(--color-info)}.write-overview-timeline-copy{gap:3px;min-width:0;display:grid}.write-overview-timeline-list dt{color:var(--color-text-soft);font-size:11px;font-weight:790}.write-overview-timeline-list dd{color:var(--color-text);margin:0;font-size:13px;font-weight:860;line-height:1.35}.write-overview-timeline-copy small{color:var(--color-muted);font-size:9.5px;font-weight:620;line-height:1.4}.write-manage-status-control{background-clip:padding-box;border-width:2px!important}.write-manage-setting-editor-status-option{transition:none}.write-manage-setting-editor-status-option:hover{background:var(--color-surface)}.write-manage-setting-editor-status-option.is-selected:hover{background:var(--color-accent-soft)}.write-manage-setting-editor-status-option.is-disabled:hover{background:color-mix(in srgb, var(--color-surface-soft) 46%, var(--color-surface))}.write-manage-setting-editor-status-option.is-disabled .write-manage-setting-editor-radio{box-shadow:none;place-items:center;display:grid}.write-manage-setting-editor-status-option.is-disabled.is-selected .write-manage-setting-editor-radio{box-shadow:none;border-color:#0000}.write-manage-tag-input-surface{align-items:start;padding-top:8px;padding-bottom:8px}.write-manage-tag-combobox:focus-within .write-manage-tag-input-surface{border-color:color-mix(in srgb, var(--color-accent) 48%, var(--color-border-strong));background:var(--color-surface);box-shadow:none}.write-manage-tag-input-surface>svg{margin-top:9px}.write-manage-tag-input-content{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:visible}.write-manage-tag-chip{order:1;min-height:30px}.write-manage-tag-input-content input{flex:1 0 100%;order:2;min-width:100%;min-height:32px;padding-inline:1px}.write-manage-tag-count{margin-top:3px}.popup-frame-layer.is-toast.is-top-right:has(.write-manage-notice-toast){z-index:170;padding:max(14px, env(safe-area-inset-top)) 14px 14px}.write-manage-notice-toast.popup-frame-dialog.is-toast{--popup-frame-width:304px;border-color:color-mix(in srgb, var(--color-success) 22%, var(--color-border));background:color-mix(in srgb, var(--color-surface) 98%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--color-text) 11%, transparent);border-radius:15px;overflow:hidden}.write-manage-notice-toast.popup-frame-dialog.is-toast:after{background:var(--color-success);transform-origin:0;content:"";height:2px;animation:4.2s linear both writeManageNoticeProgress;position:absolute;bottom:0;left:0;right:0}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-header{gap:8px;padding:10px 11px}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-icon{border-radius:10px;width:27px;height:27px;font-size:12px}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-title{font-size:12.5px;font-weight:860}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-description{font-size:11px;font-weight:610}.write-manage-notice-toast.popup-frame-dialog.is-toast .popup-frame-close{width:25px;height:25px;color:var(--color-muted)}[data-theme=dark] .write-overview-timeline-list>div{border-color:var(--color-border-strong);box-shadow:none}[data-theme=dark] .write-overview-timeline-list dt{color:var(--color-text-soft)}[data-theme=dark] .write-manage-notice-toast.popup-frame-dialog.is-toast{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border-strong));background:color-mix(in srgb, var(--color-surface) 97%, transparent)}@media (width<=680px){.popup-frame-layer.is-toast.is-top-right:has(.write-manage-notice-toast){padding:12px 12px max(14px, env(safe-area-inset-bottom));place-items:end center}.write-manage-notice-toast.popup-frame-dialog.is-toast{width:min(100%,390px)}}@media (width>=681px){.write-overview-summary-copy p{font-size:12.5px}.write-overview-timeline-list{grid-template-columns:repeat(2,minmax(0,1fr))}.write-overview-timeline-list:before{display:none}.write-overview-timeline-list>div{grid-template-columns:48px minmax(0,1fr);min-height:104px;padding:16px}.write-overview-timeline-icon{border-radius:16px;width:48px;height:48px;font-size:16px}.write-overview-timeline-list dt{font-size:12px}.write-overview-timeline-list dd{font-size:14px}.write-overview-timeline-copy small{font-size:10px}}@media (hover:hover){.write-overview-timeline-list>div{transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.write-overview-timeline-list>div:hover{border-color:var(--color-border-strong);box-shadow:0 8px 20px color-mix(in srgb, var(--color-text) 6%, transparent)}}@media (prefers-reduced-motion:reduce){.write-manage-notice-toast.popup-frame-dialog.is-toast:after{animation:none}}@keyframes writeManageNoticeProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.write-overview-skeleton{background:var(--color-bg);width:100%;min-width:0;display:grid}.write-overview-skeleton-announcement{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.write-overview-skeleton-shape{background:color-mix(in srgb, var(--color-surface-soft) 78%, var(--color-border));display:block;position:relative;overflow:hidden}.write-overview-skeleton-shape:after{background:linear-gradient(102deg, transparent 14%, color-mix(in srgb, var(--color-surface) 72%, transparent) 42%, transparent 70%);content:"";animation:1.35s ease-in-out infinite writeOverviewSkeletonSweep;position:absolute;inset:0;transform:translate(-115%)}.write-overview-skeleton-summary{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:68px minmax(0,1fr) 40px;align-items:center;gap:13px;width:100%;min-width:0;padding:14px;display:grid}.write-overview-skeleton-cover{aspect-ratio:2/3;border:1px solid var(--color-border);border-radius:12px;width:68px}.write-overview-skeleton-summary-copy{align-content:center;gap:7px;min-width:0;display:grid}.write-overview-skeleton-status{border-radius:var(--radius-full);width:86px;height:24px}.write-overview-skeleton-title{border-radius:8px;width:min(72%,420px);height:21px}.write-overview-skeleton-description{border-radius:5px;height:10px}.write-overview-skeleton-description.is-long{width:min(92%,620px)}.write-overview-skeleton-description.is-short{width:min(58%,390px)}.write-overview-skeleton-menu{border-radius:50%;width:40px;height:40px}.write-overview-skeleton-body{gap:28px;width:min(100%,1180px);margin-inline:auto;padding:20px 14px 38px;display:grid}.write-overview-skeleton-section{gap:12px;min-width:0;display:grid}.write-overview-skeleton-heading{justify-content:space-between;align-items:end;gap:14px;min-width:0;display:flex}.write-overview-skeleton-heading>div{gap:6px;min-width:0;display:grid}.write-overview-skeleton-eyebrow{border-radius:5px;width:92px;height:9px}.write-overview-skeleton-eyebrow.is-timeline{width:104px}.write-overview-skeleton-heading-title{border-radius:8px;width:164px;height:21px}.write-overview-skeleton-heading-title.is-timeline{width:138px}.write-overview-skeleton-count{border-radius:6px;width:92px;height:12px}.write-overview-skeleton-settings{gap:10px;display:grid}.write-overview-skeleton-setting-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:13px;width:100%;min-width:0;min-height:78px;padding:14px;display:grid}.write-overview-skeleton-setting-card .write-overview-skeleton-shape:after,.write-overview-skeleton-timeline-card .write-overview-skeleton-shape:after{animation-delay:calc(var(--skeleton-index,0) * 55ms)}.write-overview-skeleton-setting-icon{border-radius:14px;width:44px;height:44px}.write-overview-skeleton-setting-copy{gap:6px;min-width:0;display:grid}.write-overview-skeleton-setting-state{border-radius:5px;width:72px;height:9px}.write-overview-skeleton-setting-title{border-radius:6px;height:15px}.write-overview-skeleton-setting-summary{border-radius:5px;height:10px}.write-overview-skeleton-setting-arrow{border-radius:50%;justify-self:center;width:20px;height:20px}.write-overview-skeleton-timeline{gap:10px;display:grid;position:relative}.write-overview-skeleton-timeline:before{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-border));content:"";width:1px;position:absolute;top:30px;bottom:30px;left:29px}.write-overview-skeleton-timeline-card{border:1px solid var(--color-border);background:var(--color-surface);min-height:82px;box-shadow:0 4px 14px color-mix(in srgb, var(--color-text) 4%, transparent);border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;padding:13px 14px 13px 9px;display:grid;position:relative}.write-overview-skeleton-timeline-icon{z-index:1;border:1px solid var(--color-border);border-radius:14px;width:42px;height:42px}.write-overview-skeleton-timeline-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""value";gap:5px;min-width:0;display:grid}.write-overview-skeleton-timeline-label{border-radius:5px;grid-area:label;width:104px;height:10px}.write-overview-skeleton-timeline-value{border-radius:6px;grid-area:value;width:min(82%,190px);height:14px}.write-overview-skeleton-timeline-description{border-radius:5px;grid-area:description;width:min(92%,280px);height:9px;display:none}[data-theme=dark] .write-overview-skeleton-summary,[data-theme=dark] .write-overview-skeleton-setting-card,[data-theme=dark] .write-overview-skeleton-timeline-card,[data-theme=dark] .write-overview-skeleton-cover,[data-theme=dark] .write-overview-skeleton-timeline-icon{border-color:var(--color-border-strong)}[data-theme=dark] .write-overview-skeleton-timeline-card{box-shadow:none}@media (width>=681px){.write-overview-skeleton-summary{background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent 34%), var(--color-surface);grid-template-columns:92px minmax(0,1fr) 42px;gap:18px;padding:22px 24px}.write-overview-skeleton-cover{border-radius:16px;width:92px}.write-overview-skeleton-status{width:102px;height:28px}.write-overview-skeleton-title{height:31px}.write-overview-skeleton-description{height:11px}.write-overview-skeleton-body{gap:30px;padding:28px}.write-overview-skeleton-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.write-overview-skeleton-timeline:before{display:none}.write-overview-skeleton-timeline-card{grid-template-columns:48px minmax(0,1fr);min-height:104px;padding:16px}.write-overview-skeleton-timeline-icon{border-radius:16px;width:48px;height:48px}.write-overview-skeleton-timeline-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value""description description";align-items:center;column-gap:14px}.write-overview-skeleton-timeline-value{width:142px}.write-overview-skeleton-timeline-description{display:block}}@media (width>=1024px){.write-overview-skeleton-summary{grid-template-columns:106px minmax(0,1fr) 44px;gap:24px;padding:28px clamp(32px,4vw,56px)}.write-overview-skeleton-cover{border-radius:18px;width:106px}.write-overview-skeleton-body{padding:32px clamp(32px,4vw,56px) 44px}.write-overview-skeleton-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.write-overview-skeleton-setting-card{grid-template-columns:46px minmax(0,1fr) 26px;align-items:start;min-height:134px;padding:17px}.write-overview-skeleton-setting-icon{width:46px;height:46px}.write-overview-skeleton-setting-copy{align-content:start;padding-top:1px}}@media (width<=380px){.write-overview-skeleton-summary{grid-template-columns:62px minmax(0,1fr) 38px;gap:10px}.write-overview-skeleton-cover{width:62px}.write-overview-skeleton-menu{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.write-overview-skeleton-shape:after{animation:none;transform:none}}@keyframes writeOverviewSkeletonSweep{to{transform:translate(115%)}}.write-manage-tabs-shell{top:var(--header-height);z-index:45;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 97%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;position:sticky}.write-manage-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;display:grid}.write-manage-tabs button{min-width:0;min-height:52px;color:var(--color-muted);font:inherit;transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:820;line-height:1;position:relative}.write-manage-tabs button:after{background:var(--color-primary);content:"";opacity:0;height:3px;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:999px 999px 0 0;position:absolute;bottom:0;left:20%;right:20%;transform:scaleX(.35)}.write-manage-tabs button.is-active{color:var(--color-text)}.write-manage-tabs button.is-active:after{opacity:1;transform:scaleX(1)}.write-manage-tabs button:active{transform:scale(.98)}@media (hover:hover){.write-manage-tabs button:hover:not(.is-active){color:var(--color-text-soft)}}@media (width>=1024px){.write-manage-tabs-shell{top:var(--header-height);height:calc(100dvh - var(--header-height));border-right:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;align-self:start;position:sticky}.write-manage-tabs{grid-template-columns:1fr;gap:5px;padding:18px 12px}.write-manage-tabs button{text-align:left;border-radius:11px;justify-content:flex-start;min-height:48px;padding:0 18px}.write-manage-tabs button:after{border-radius:0 999px 999px 0;width:3px;height:auto;inset:11px auto 11px 0;transform:scaleY(.35)}.write-manage-tabs button.is-active{background:var(--color-surface-soft)}.write-manage-tabs button.is-active:after{transform:scaleY(1)}}@media (width<=560px){.write-manage-tabs button{min-height:49px;padding-inline:3px;font-size:11px}}@media (width<=360px){.write-manage-tabs button{font-size:10px}}@media (prefers-reduced-motion:reduce){.write-manage-tabs button,.write-manage-tabs button:after{transition:none}}.write-manage-surface{background:var(--color-bg);min-height:100dvh;color:var(--color-text)}.write-manage-content{width:100%;min-width:0;min-height:calc(100dvh - var(--header-height) - 52px)}.write-manage-panel{width:100%;min-height:calc(100dvh - var(--header-height) - 52px)}.write-manage-surface.is-loading .write-manage-content,.write-manage-surface.is-loading .write-manage-panel{min-height:calc(100dvh - var(--header-height) - 52px + var(--write-manage-loading-scroll-y,0px));overflow-anchor:none}.write-manage-loading-page{min-height:calc(100dvh - var(--header-height));background:var(--color-bg);place-items:center;padding:28px;display:grid}.write-manage-loading-panel{background:var(--color-bg);align-content:start;padding:28px 14px;display:grid}.write-manage-feedback{width:min(100%,480px);color:var(--color-muted);text-align:center;margin:0;font-size:13px;font-weight:750;line-height:1.65}.write-manage-feedback.is-error{color:var(--color-danger)}.write-manage-loading{gap:12px;width:min(100%,560px);margin-inline:auto;display:grid}.write-manage-loading span{background:linear-gradient(100deg, var(--color-surface-soft) 16%, color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-border)) 34%, var(--color-surface-soft) 52%);background-size:220% 100%;border-radius:8px;height:16px;animation:1.2s linear infinite writeManageSkeleton;display:block}.write-manage-loading span:first-child{width:72%;height:30px}.write-manage-loading span:nth-child(2){width:88%}.write-manage-loading span:last-child{width:52%}@media (width>=681px){.write-manage-loading-panel{padding:36px 28px}}@media (width>=1024px){.write-manage-surface{grid-template-columns:224px minmax(0,1fr);align-items:start;display:grid}.write-manage-content,.write-manage-panel{min-height:calc(100dvh - var(--header-height))}.write-manage-loading-panel{padding:44px clamp(32px,4vw,56px)}}@media (prefers-reduced-motion:reduce){.write-manage-loading span{animation:none}}@keyframes writeManageSkeleton{to{background-position:-220% 0}}.notfound-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--color-bg);place-items:center;display:grid;overflow-x:hidden}.notfound-hero{grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:center;column-gap:clamp(14px,3vw,30px);width:min(100%,660px);display:grid}.notfound-art{aspect-ratio:1;border-radius:34px;place-items:center;width:clamp(150px,26vw,210px);display:grid;position:relative;overflow:hidden}.notfound-visual{z-index:1;object-fit:contain;width:188%;max-width:none;height:auto;margin:-44% -46%;animation:4.8s ease-in-out infinite notfound-visual-float;display:block;position:relative}.notfound-body,.notfound-copy{text-align:left;justify-items:start;min-width:0;display:grid}.notfound-body{gap:18px}.notfound-copy{gap:13px;width:100%}.notfound-eyebrow,.notfound-copy h1,.notfound-description{margin:0}.notfound-eyebrow{color:var(--color-text);letter-spacing:-.04em;font-size:clamp(25px,4.6vw,36px);font-weight:950;line-height:1}.notfound-copy h1{max-width:420px;color:var(--color-text-soft);letter-spacing:-.02em;font-size:clamp(13px,2.2vw,15px);font-weight:900;line-height:1.45}.notfound-description{max-width:430px;color:var(--color-muted);font-size:clamp(12px,2vw,14px);font-weight:750;line-height:1.7}.notfound-actions{justify-content:flex-start;display:flex}.notfound-primary-action{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;white-space:nowrap;min-height:clamp(40px,7vw,44px);transition:transform var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 clamp(14px,3.2vw,18px);font-size:clamp(12px,2vw,13px);font-weight:950;line-height:1;text-decoration:none;display:inline-flex}.notfound-primary-action:active{transform:scale(.97)}@keyframes notfound-visual-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@media (width<=640px){.notfound-page{padding:max(28px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));place-items:center;overflow-y:auto}.notfound-hero{grid-template-columns:1fr;align-content:center;justify-items:center;gap:14px;width:min(100%,420px);margin:0 auto}.notfound-art{justify-self:center;width:clamp(136px,44vw,176px);margin-left:0}.notfound-visual{width:198%;margin:-49% -50%}.notfound-body,.notfound-copy{text-align:center;justify-items:center}.notfound-body{gap:14px;width:100%}.notfound-copy{gap:9px}.notfound-description{width:100%;max-width:100%}.notfound-actions{justify-content:center;width:100%}}@media (width<=360px){.notfound-page{padding-inline:18px}.notfound-art{width:128px}.notfound-eyebrow{font-size:24px}.notfound-copy h1,.notfound-description{font-size:12px}}@media (prefers-reduced-motion:reduce){.notfound-visual{animation:none}.notfound-primary-action{transition:none}}.app-shell{background:var(--color-bg);min-height:100vh;color:var(--color-text);padding-bottom:96px}.app-shell.is-full-bleed{padding-bottom:0}.app-main{width:min(100% - 28px, var(--container-width));margin-inline:auto;padding-block:24px}.app-main.is-full-bleed{width:100%;max-width:none;margin-inline:0;padding:0}@media (width<=767px){.app-main.is-mobile-full-bleed{width:100%;max-width:none;margin-inline:0}}@media (width>=768px){.app-main{padding-block:32px}.app-main.is-full-bleed{padding:0}}