:root{--sr-primary:#f3a7c3;--sr-secondary:#ffdce8;--sr-accent:#8c5870;--sr-background:#fff7fb;--sr-surface:rgba(255,255,255,0.58);--sr-surface-alt:rgba(255,255,255,0.32);--sr-surface-opaque:#fffdfe;--sr-text-primary:#38252d;--sr-text-secondary:#725461;--sr-border:rgba(140,88,112,0.18);--sr-success:#3f9a72;--sr-warning:#c98a2e;--sr-danger:#c4536b;--sr-focus-ring:#6b3d52;--sr-radius:24px;--sr-radius-sm:12px;--sr-blur:20px;--sr-border-width:1px;--sr-shadow-sm:0 1px 2px rgba(56,37,45,0.04);--sr-shadow-md:0 4px 16px rgba(56,37,45,0.08);--sr-shadow-lg:0 12px 40px rgba(56,37,45,0.12);--sr-font-body:"Noto Sans TC",system-ui,-apple-system,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;--sr-font-ui:var(--sr-font-body);--sr-font-mono:ui-monospace,"JetBrains Mono","Cascadia Code",monospace;--sr-scale-body:1;--sr-line-height:1.7;--sr-text-sm:calc(0.875rem * var(--sr-scale-body));--sr-text-md:calc(1rem * var(--sr-scale-body));--sr-text-lg:calc(1.125rem * var(--sr-scale-body));--sr-text-h2:2rem;--sr-text-h1:2.5rem;--sr-motion-intensity:1;--sr-duration-fast:calc(120ms * var(--sr-motion-intensity));--sr-duration-base:calc(240ms * var(--sr-motion-intensity));--sr-ease:cubic-bezier(0.22,0.61,0.36,1);--sr-space-1:4px;--sr-space-2:8px;--sr-space-3:12px;--sr-space-4:16px;--sr-space-6:24px;--sr-space-8:32px;--sr-space-12:48px}@media (prefers-reduced-motion:reduce){:root{--sr-motion-intensity:0.01}*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--sr-background);color:var(--sr-text-primary);font-family:var(--sr-font-body);font-size:var(--sr-text-md);line-height:var(--sr-line-height);-webkit-font-smoothing:antialiased;min-height:100dvh}:focus-visible{outline:3px solid var(--sr-focus-ring);outline-offset:2px;border-radius:4px}a{color:var(--sr-accent)}h1,h2,h3{line-height:1.25;margin:0}.sr-card{background:var(--sr-surface);backdrop-filter:blur(var(--sr-blur));-webkit-backdrop-filter:blur(var(--sr-blur));border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius);box-shadow:var(--sr-shadow-md);padding:var(--sr-space-6)}.sr-button{font:inherit;font-weight:600;padding:var(--sr-space-3) var(--sr-space-6);border-radius:999px;border:none;background:var(--sr-accent);color:#fff;cursor:pointer;transition:filter var(--sr-duration-fast) var(--sr-ease)}.sr-button:hover:not(:disabled){filter:brightness(1.08)}.sr-button:disabled{opacity:.55;cursor:not-allowed}.sr-button-secondary{background:transparent;color:var(--sr-accent);border:var(--sr-border-width) solid var(--sr-border)}.sr-input{font:inherit;width:100%;padding:var(--sr-space-3) var(--sr-space-4);border-radius:var(--sr-radius-sm);border:var(--sr-border-width) solid var(--sr-border);background:var(--sr-surface-opaque);color:var(--sr-text-primary)}.sr-label{display:block;font-size:var(--sr-text-sm);font-weight:600;margin-bottom:var(--sr-space-2)}.sr-eye{position:absolute;inset-inline-end:4px;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--sr-text-secondary);border-radius:var(--sr-radius-sm);cursor:pointer}.sr-eye:hover{color:var(--sr-text-primary)}.sr-eye:disabled{opacity:.5;cursor:default}.sr-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0}.sr-muted{color:var(--sr-text-secondary)}.sr-message,.sr-muted{font-size:var(--sr-text-sm)}.sr-message{padding:var(--sr-space-3) var(--sr-space-4);border-radius:var(--sr-radius-sm);border-left:4px solid}.sr-message-error{border-color:var(--sr-danger);background:rgba(196,83,107,.08)}.sr-message-success{border-color:var(--sr-success);background:rgba(63,154,114,.08)}.sr-message-info{border-color:var(--sr-accent);background:rgba(140,88,112,.06)}.sr-shell{display:grid;grid-template-rows:auto 1fr;min-height:100dvh}.sr-nav{align-items:center;gap:var(--sr-space-4);padding:var(--sr-space-4) var(--sr-space-6);border-bottom:var(--sr-border-width) solid var(--sr-border);background:var(--sr-surface-alt);backdrop-filter:blur(var(--sr-blur));-webkit-backdrop-filter:blur(var(--sr-blur))}.sr-nav,.sr-nav-links{display:flex;flex-wrap:wrap}.sr-nav-links{gap:var(--sr-space-1);min-width:0}.sr-nav-end{margin-left:auto;display:flex;align-items:center;gap:var(--sr-space-3);flex-shrink:0}.sr-nav a{text-decoration:none;color:var(--sr-text-secondary);font-size:var(--sr-text-sm);font-weight:600;padding:var(--sr-space-2) var(--sr-space-3);border-radius:999px}.sr-nav a[aria-current=page]{color:var(--sr-text-primary);background:var(--sr-surface)}.sr-main{padding:var(--sr-space-8) var(--sr-space-6);max-width:1200px;width:100%;margin:0 auto}.sr-center{display:grid;place-items:center;min-height:100dvh;padding:var(--sr-space-6)}.sr-stack>*+*{margin-top:var(--sr-space-4)}@media (max-width:767px){.sr-main{padding:var(--sr-space-6) var(--sr-space-4)}:root{--sr-text-h1:2rem;--sr-text-h2:1.5rem}.sr-nav{padding:var(--sr-space-3) var(--sr-space-4);gap:var(--sr-space-2)}.sr-nav-end{margin-left:0;width:100%;justify-content:space-between}.sr-notif-panel{position:fixed;inset-inline:var(--sr-space-3);top:60px;width:auto;max-height:75vh}}body,html{overflow-x:hidden;max-width:100%}.sr-studio{display:grid;grid-template-columns:minmax(320px,420px) 1fr;grid-gap:var(--sr-space-6);gap:var(--sr-space-6);align-items:start}.sr-studio-preview{position:-webkit-sticky;position:sticky;top:var(--sr-space-6)}@media (max-width:1023px){.sr-studio{grid-template-columns:1fr}.sr-studio-preview{position:static;order:-1}}.sr-section-title{font-size:var(--sr-text-lg);margin:0 0 var(--sr-space-4)}.sr-subsection-title{font-size:var(--sr-text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--sr-text-secondary);margin:var(--sr-space-4) 0 var(--sr-space-2)}.sr-row{display:flex;gap:var(--sr-space-3);align-items:center;flex-wrap:wrap}.sr-field{margin-bottom:var(--sr-space-4)}.sr-fieldset{border:none;padding:0;margin:0 0 var(--sr-space-4)}.sr-input-mono{font-family:var(--sr-font-mono);max-width:10ch}.sr-color-swatch{width:44px;height:44px;padding:2px;border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius-sm);background:transparent;cursor:pointer;flex-shrink:0}.sr-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--sr-space-2);gap:var(--sr-space-2)}.sr-choice{display:flex;gap:var(--sr-space-2);align-items:flex-start;padding:var(--sr-space-3);border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius-sm);cursor:pointer;min-height:44px}.sr-choice:has(input:checked){border-color:var(--sr-accent);background:var(--sr-surface-alt)}.sr-choice-inline{align-items:center}.sr-choice input{margin-top:3px;flex-shrink:0;width:18px;height:18px}input[type=range]{width:100%;min-height:24px;accent-color:var(--sr-accent)}.sr-theme-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-theme-chip{display:flex;align-items:center;gap:var(--sr-space-3);width:100%;min-height:44px;padding:var(--sr-space-2) var(--sr-space-3);border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius-sm);background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.sr-theme-chip[aria-current=true]{border-color:var(--sr-accent);background:var(--sr-surface-alt)}.sr-swatch-row{width:48px;height:24px;border-radius:6px;border:1px solid var(--sr-border);flex-shrink:0}.sr-badge{margin-left:auto;padding:2px var(--sr-space-2);border-radius:999px;background:var(--sr-accent);color:var(--sr-on-accent,#fff)}.sr-badge,.sr-table{font-size:var(--sr-text-sm)}.sr-table{width:100%;border-collapse:collapse;margin-top:var(--sr-space-4)}.sr-table td,.sr-table th{padding:var(--sr-space-2);border-bottom:1px solid var(--sr-border);text-align:left}.sr-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sr-preview-frame{display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-preview-caption{margin:0}.sr-preview-surface{background:var(--sr-background);color:var(--sr-text-primary);border:1px solid var(--sr-border);border-radius:var(--sr-radius);overflow:hidden;min-height:480px}.sr-preview-inner{padding:var(--sr-space-6);display:flex;flex-direction:column;gap:var(--sr-space-4);font-family:var(--sr-font-body)}.sr-preview-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sr-space-3);border-bottom:1px solid var(--sr-border)}.sr-preview-title{font-size:var(--sr-text-lg)}.sr-preview-role{color:var(--sr-text-secondary);font-size:var(--sr-text-sm)}.sr-preview-h{font-size:var(--sr-text-lg);margin:0 0 var(--sr-space-2)}.sr-preview-body{margin:0 0 var(--sr-space-2);line-height:var(--sr-line-height)}.sr-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--sr-space-3);padding:var(--sr-space-8);border:2px dashed var(--sr-border);border-radius:var(--sr-radius);text-align:center}.sr-dropzone-active{border-color:var(--sr-accent);background:var(--sr-surface-alt)}.sr-upload-list{list-style:none;padding:0;margin:var(--sr-space-4) 0 0;display:flex;flex-direction:column;gap:var(--sr-space-3)}.sr-upload-item{padding:var(--sr-space-3);border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm)}.sr-upload-head{display:flex;justify-content:space-between;gap:var(--sr-space-3);margin-bottom:var(--sr-space-2)}.sr-upload-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-progress{width:100%;height:8px;margin-bottom:var(--sr-space-2)}.sr-asset-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--sr-space-4);gap:var(--sr-space-4)}.sr-asset-button,.sr-asset-tile{display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-asset-button{padding:var(--sr-space-2);border:2px solid transparent;border-radius:var(--sr-radius-sm);background:var(--sr-surface-alt);color:inherit;font:inherit;cursor:pointer;text-align:left;width:100%}.sr-asset-button[aria-pressed=true]{border-color:var(--sr-accent)}.sr-asset-thumb{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:var(--sr-surface)}.sr-asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sr-asset-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--sr-text-secondary);font-size:var(--sr-text-sm)}.sr-asset-name{font-size:var(--sr-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-asset-delete{font:inherit;font-size:var(--sr-text-sm);min-height:32px;padding:var(--sr-space-1) var(--sr-space-3);border:1px solid var(--sr-border);border-radius:999px;background:transparent;color:var(--sr-text-secondary);cursor:pointer}.sr-asset-tile{position:relative}.sr-asset-fav{position:absolute;top:var(--sr-space-2);right:var(--sr-space-2);z-index:1;min-width:32px;min-height:32px;border:none;border-radius:999px;background:color-mix(in srgb,var(--sr-surface-opaque) 70%,transparent);color:var(--sr-accent);font-size:var(--sr-text-lg);line-height:1;cursor:pointer}.sr-asset-actions,.sr-asset-tags{gap:var(--sr-space-1)}.sr-asset-actions{display:flex;flex-wrap:wrap}.sr-asset-actions button{font:inherit;font-size:var(--sr-text-sm);min-height:32px;padding:var(--sr-space-1) var(--sr-space-2);border:1px solid var(--sr-border);border-radius:999px;background:transparent;color:var(--sr-text-secondary);cursor:pointer}.sr-asset-actions .sr-asset-delete{margin-left:auto}.sr-palette-chip{width:44px;height:44px;border-radius:8px;border:1px solid var(--sr-border);display:inline-block}.sr-draft-grid{list-style:none;padding:0;margin:var(--sr-space-6) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--sr-space-4);gap:var(--sr-space-4)}.sr-draft{gap:var(--sr-space-2);padding:var(--sr-space-3);border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm)}.sr-draft,.sr-draft-preview{display:flex;flex-direction:column}.sr-draft-preview{gap:6px;padding:var(--sr-space-4);border-radius:8px;border:1px solid;min-height:110px}.sr-draft-bar{height:8px;width:60%;border-radius:999px}.sr-draft-text{font-size:var(--sr-text-sm)}.sr-draft-text-secondary{font-size:.8rem}.sr-bg-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.sr-bg-media,.sr-bg-slot{position:absolute;inset:0}.sr-bg-media{width:100%;height:100%;display:block}.sr-bg-slot[data-state=enter] .sr-bg-media{animation:sr-bg-in var(--sr-bg-transition-ms,.6s) var(--sr-ease) both}.sr-bg-slot[data-state=leave] .sr-bg-media{animation:sr-bg-out var(--sr-bg-transition-ms,.6s) var(--sr-ease) both}.sr-bg-layer[data-transition=blur_fade] .sr-bg-slot[data-state=enter] .sr-bg-media{animation-name:sr-bg-in-blur}.sr-bg-layer[data-transition=blur_fade] .sr-bg-slot[data-state=leave] .sr-bg-media{animation-name:sr-bg-out-blur}.sr-bg-layer[data-transition=zoom_fade] .sr-bg-slot[data-state=enter] .sr-bg-media{animation-name:sr-bg-in-zoom}.sr-bg-layer[data-transition=zoom_fade] .sr-bg-slot[data-state=leave] .sr-bg-media{animation-name:sr-bg-out-zoom}@keyframes sr-bg-in{0%{opacity:0}to{opacity:1}}@keyframes sr-bg-out{0%{opacity:1}to{opacity:0}}@keyframes sr-bg-in-blur{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}@keyframes sr-bg-out-blur{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(12px)}}@keyframes sr-bg-in-zoom{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes sr-bg-out-zoom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.sr-bg-layer[data-transition=blur_fade] .sr-bg-slot .sr-bg-media,.sr-bg-layer[data-transition=zoom_fade] .sr-bg-slot .sr-bg-media,.sr-bg-slot[data-state=enter] .sr-bg-media,.sr-bg-slot[data-state=leave] .sr-bg-media{animation-name:sr-bg-in;animation-duration:.12s!important}.sr-bg-slot[data-state=leave] .sr-bg-media{animation-name:sr-bg-out}}.sr-bg-loading{background:var(--sr-surface-alt)}.sr-bg-overlay{position:absolute;inset:0}.sr-bg-pause{position:fixed;right:var(--sr-space-4);bottom:var(--sr-space-4);z-index:5;pointer-events:auto;font:inherit;font-size:var(--sr-text-sm);min-height:44px;padding:var(--sr-space-2) var(--sr-space-4);border-radius:999px;border:1px solid var(--sr-border);background:var(--sr-surface-opaque);color:var(--sr-text-primary);cursor:pointer}.sr-danger-zone{border-color:var(--sr-danger)}.sr-tour{z-index:1000;pointer-events:none}.sr-tour,.sr-tour-dim{position:fixed;inset:0}.sr-tour-dim{background:rgba(0,0,0,.55)}.sr-tour-hole{position:fixed;border-radius:var(--sr-radius-sm,8px);box-shadow:0 0 0 9999px rgba(0,0,0,.55);outline:2px solid var(--sr-primary);outline-offset:2px;transition:top .25s var(--sr-ease,ease),left .25s var(--sr-ease,ease),width .25s var(--sr-ease,ease),height .25s var(--sr-ease,ease)}.sr-tour-tip{position:fixed;width:340px;max-width:calc(100vw - 24px);background:var(--sr-surface-opaque);color:var(--sr-text-primary);border:1px solid var(--sr-border);border-radius:var(--sr-radius,16px);box-shadow:var(--sr-shadow-lg);padding:var(--sr-space-4);pointer-events:auto;z-index:1001}.sr-tour-tip-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sr-space-2)}.sr-footer{margin-top:var(--sr-space-12);padding:var(--sr-space-6) var(--sr-space-4);border-top:1px solid var(--sr-border);color:var(--sr-text-secondary);font-size:var(--sr-text-sm)}.sr-footer-links{display:flex;flex-wrap:wrap;gap:var(--sr-space-2) var(--sr-space-4);align-items:center;justify-content:center}.sr-cookie{position:fixed;left:var(--sr-space-4);right:var(--sr-space-4);bottom:var(--sr-space-4);z-index:900;max-width:560px;margin:0 auto;padding:var(--sr-space-4);background:var(--sr-surface-opaque);border:1px solid var(--sr-border);border-radius:var(--sr-radius,16px);box-shadow:var(--sr-shadow-lg)}.sr-legal{padding:var(--sr-space-8) var(--sr-space-4)}.sr-crop-box{position:absolute;box-shadow:0 0 0 9999px rgba(0,0,0,.5);outline:2px solid #fff;cursor:move;touch-action:none}.sr-mesh-point{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.4);pointer-events:none}.sr-crop-handle{position:absolute;right:3px;bottom:3px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #000;cursor:nwse-resize;touch-action:none}.sr-bg-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--sr-space-4);gap:var(--sr-space-4)}.sr-bg-card,.sr-bg-select{display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-bg-select{padding:var(--sr-space-2);border:2px solid transparent;border-radius:var(--sr-radius-sm);background:var(--sr-surface-alt);color:inherit;font:inherit;cursor:pointer;width:100%}.sr-bg-select[aria-pressed=true]{border-color:var(--sr-accent)}.sr-bg-thumb{display:block;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--sr-surface)}.sr-bg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sr-bg-editor{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-gap:var(--sr-space-6);gap:var(--sr-space-6);margin-top:var(--sr-space-4)}@media (max-width:900px){.sr-bg-editor{grid-template-columns:1fr}}.sr-bg-preview-wrap{position:-webkit-sticky;position:sticky;top:var(--sr-space-6);align-self:start}.sr-bg-live{position:relative;aspect-ratio:16/10;border-radius:var(--sr-radius);overflow:hidden;border:1px solid var(--sr-border)}.sr-bg-live-media{position:absolute;inset:0}.sr-bg-live-media img{width:100%;height:100%;display:block}.sr-bg-live-content{position:relative;height:100%;display:grid;place-items:center;padding:var(--sr-space-6)}.sr-playlist{padding:var(--sr-space-4);border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm);margin-bottom:var(--sr-space-4)}.sr-playlist-items{list-style:none;padding:0;margin:var(--sr-space-3) 0;display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-playlist-item{display:grid;grid-template-columns:2ch 1fr auto;grid-gap:var(--sr-space-3);gap:var(--sr-space-3);align-items:center;padding:var(--sr-space-2);border-radius:8px;background:var(--sr-surface-alt)}.sr-widget-grid{display:grid;grid-auto-rows:80px;align-items:stretch}.sr-widget-slot{position:relative;display:flex;min-width:0}.sr-widget-slot>*,.sr-widget-slot>.sr-card{flex:1 1;min-width:0}.sr-widget-grid[data-editing=true] .sr-widget-slot{outline:1px dashed var(--sr-border);outline-offset:2px;border-radius:var(--sr-radius-sm)}.sr-widget-slot[data-dragging=true]{opacity:.75;z-index:2}.sr-widget-slot[data-selected=true]{outline:2px solid var(--sr-accent)}.sr-widget-handle{position:absolute;top:4px;right:4px;z-index:3;width:44px;height:44px;display:grid;place-items:center;cursor:-webkit-grab;cursor:grab;border-radius:999px;background:var(--sr-surface-opaque);border:1px solid var(--sr-border);color:var(--sr-text-secondary);touch-action:none}.sr-widget-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.sr-widget-resize{position:absolute;bottom:4px;right:4px;z-index:3;width:44px;height:44px;display:grid;place-items:center;cursor:nwse-resize;border-radius:999px;background:var(--sr-surface-opaque);border:1px solid var(--sr-border);color:var(--sr-text-secondary);font:inherit;touch-action:none}.sr-mobile-stack{display:flex;flex-direction:column;gap:var(--sr-space-4)}.sr-widget-fallback{justify-content:center}.sr-widget,.sr-widget-fallback{display:flex;flex-direction:column;height:100%}.sr-widget{gap:var(--sr-space-3);overflow:auto}.sr-widget-title{font-size:var(--sr-text-md);margin:0}.sr-widget-chip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-widget-note{flex:1 1;min-height:80px;resize:none;font-family:inherit}@media (min-width:768px){.sr-widget-grid>.sr-widget-slot{content-visibility:auto;contain-intrinsic-size:auto 200px}}.sr-divider-label{display:flex;align-items:center;gap:var(--sr-space-3);color:var(--sr-text-secondary);font-size:var(--sr-text-sm);margin:var(--sr-space-4) 0}.sr-divider-label:after,.sr-divider-label:before{content:"";flex:1 1;height:1px;background:var(--sr-border)}.sr-button-oauth{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;text-decoration:none;text-align:center}.sr-button-line{background:transparent;color:var(--sr-text-primary);border:2px solid #06c755}.sr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sr-space-4);padding:var(--sr-space-3) var(--sr-space-4);border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius-sm);background:var(--sr-surface);flex-wrap:wrap}.sr-font-pairs{list-style:none;margin:0 0 var(--sr-space-4);padding:0;display:flex;flex-wrap:wrap;gap:var(--sr-space-2)}.sr-font-sample{margin:var(--sr-space-2) 0 0;font-size:var(--sr-text-lg);line-height:1.8;color:var(--sr-text-primary)}.sr-field+.sr-field{margin-top:var(--sr-space-5)}.sr-schedule-slots{list-style:none;margin:0 0 var(--sr-space-3);padding:0;display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-schedule-slot{display:flex;align-items:flex-end;gap:var(--sr-space-2);flex-wrap:wrap}.sr-schedule-hour{display:flex;flex-direction:column;gap:var(--sr-space-1)}.sr-schedule-hour .sr-input{width:auto}.sr-widget-settings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sr-space-3)}.sr-widget-settings{margin-top:var(--sr-space-2);background:var(--sr-surface-alt)}.sr-checkbox{display:flex;align-items:flex-start;gap:var(--sr-space-2);margin-bottom:var(--sr-space-2);cursor:pointer}.sr-checkbox input{margin-top:4px;min-width:18px;min-height:18px}.sr-field-row{display:flex;flex-direction:column;gap:var(--sr-space-1);margin-bottom:var(--sr-space-3)}.sr-widget-slot[data-glass=off] .sr-card,.sr-widget-slot[data-glass=off]>.sr-card{background:var(--sr-surface-opaque);backdrop-filter:none;-webkit-backdrop-filter:none}.sr-daily-card{display:flex;flex-direction:column;gap:var(--sr-space-3)}.sr-daily-greeting{margin:0;color:var(--sr-text-secondary);font-size:var(--sr-text-sm)}.sr-daily-quote{margin:0;padding:0;border:none;font-family:var(--sr-font-heading);font-size:var(--sr-text-lg);line-height:1.7;color:var(--sr-text-primary)}.sr-daily-prompt{border-top:var(--sr-border-width) solid var(--sr-border);padding-top:var(--sr-space-3)}.sr-daily-minutes{display:inline-block;margin-top:var(--sr-space-1)}.sr-surprise{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sr-space-3);min-height:180px}.sr-surprise-box{position:relative;width:72px;height:64px;margin-top:var(--sr-space-2);border-radius:8px;background:linear-gradient(160deg,var(--sr-accent),var(--sr-primary));box-shadow:0 10px 24px -10px var(--sr-accent),inset 0 1px 0 rgba(255,255,255,.25);animation:sr-box-float 3.2s var(--sr-ease) infinite}.sr-surprise-lid{position:absolute;inset:-8px -6px auto -6px;height:20px;border-radius:6px;background:linear-gradient(160deg,var(--sr-primary),var(--sr-accent));box-shadow:0 4px 10px -4px rgba(0,0,0,.3)}.sr-surprise-box:after,.sr-surprise-ribbon{content:"";position:absolute;background:rgba(255,255,255,.85)}.sr-surprise-ribbon{top:-8px;bottom:0;left:50%;width:10px;transform:translateX(-50%);border-radius:2px}.sr-surprise-box:after{left:0;right:0;top:20px;height:8px}.sr-surprise-shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:sr-box-shine 3.2s var(--sr-ease) infinite}.sr-surprise-tease{margin:0;color:var(--sr-text-secondary);font-size:var(--sr-text-sm)}.sr-surprise-open{min-width:96px}@keyframes sr-box-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes sr-box-shine{0%,60%{left:-60%}85%,to{left:130%}}.sr-surprise-opened{align-items:stretch;text-align:left;justify-content:flex-start}.sr-surprise-glow{position:absolute;inset:-40% -20% auto -20%;height:160%;background:radial-gradient(60% 60% at 50% 0,var(--sr-rarity,var(--sr-accent)) 0,transparent 70%);opacity:.16;pointer-events:none}.sr-surprise-rarity{align-self:flex-start;font-size:var(--sr-text-sm);font-weight:700;letter-spacing:.08em;padding:2px 12px;border-radius:999px;color:#fff;background:var(--sr-rarity,var(--sr-accent));box-shadow:0 4px 14px -6px var(--sr-rarity,var(--sr-accent))}.sr-surprise-label{margin:var(--sr-space-3) 0 0;color:var(--sr-text-secondary);font-size:var(--sr-text-sm)}.sr-surprise-text{margin:var(--sr-space-1) 0 0;padding:0;border:none;font-family:var(--sr-font-heading);font-size:var(--sr-text-lg);line-height:1.75;color:var(--sr-text-primary)}.sr-surprise-opened[data-rarity=common]{--sr-rarity:#8b93a7}.sr-surprise-opened[data-rarity=uncommon]{--sr-rarity:#3f9a72}.sr-surprise-opened[data-rarity=rare]{--sr-rarity:#4f7bd6}.sr-surprise-opened[data-rarity=special]{--sr-rarity:#c99a3f}.sr-surprise-opened[data-rarity=anniversary]{--sr-rarity:#c4536b}.sr-surprise-rarity[data-rarity=common]{background:#8b93a7;box-shadow:0 4px 14px -6px #8b93a7}.sr-surprise-rarity[data-rarity=uncommon]{background:#3f9a72;box-shadow:0 4px 14px -6px #3f9a72}.sr-surprise-rarity[data-rarity=rare]{background:#4f7bd6;box-shadow:0 4px 14px -6px #4f7bd6}.sr-surprise-rarity[data-rarity=special]{background:linear-gradient(120deg,#d8ad4f,#b8842f)}.sr-surprise-rarity[data-rarity=anniversary]{background:linear-gradient(120deg,#c4536b,#8c5870)}.sr-surprise-reveal .sr-surprise-rarity{animation:sr-reveal-pop .5s var(--sr-ease) both}.sr-surprise-reveal .sr-surprise-label{animation:sr-reveal-up .5s .06s var(--sr-ease) both}.sr-surprise-reveal .sr-surprise-text{animation:sr-reveal-up .6s .12s var(--sr-ease) both}.sr-surprise-reveal .sr-surprise-glow{animation:sr-reveal-bloom .9s var(--sr-ease) both}@keyframes sr-reveal-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes sr-reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sr-reveal-bloom{0%{opacity:0;transform:scale(.6)}to{opacity:.16;transform:scale(1)}}.sr-surprise-archive-link{margin-top:var(--sr-space-3);align-self:flex-start;font-size:var(--sr-text-sm);color:var(--sr-text-secondary);text-decoration:none}.sr-surprise-archive-link:hover{color:var(--sr-text-primary)}.sr-odds-row{display:flex;flex-wrap:wrap;gap:var(--sr-space-4);margin-bottom:var(--sr-space-4)}.sr-odds-item{display:inline-flex;align-items:center;gap:var(--sr-space-2)}.sr-odds-item[data-rarity=common]{--sr-rarity:#8b93a7}.sr-odds-item[data-rarity=uncommon]{--sr-rarity:#3f9a72}.sr-odds-item[data-rarity=rare]{--sr-rarity:#4f7bd6}.sr-odds-dot{width:12px;height:12px;border-radius:50%;background:var(--sr-rarity,var(--sr-accent))}.sr-odds-name{font-weight:600}.sr-odds-pct{color:var(--sr-text-secondary)}.sr-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));grid-gap:var(--sr-space-4);gap:var(--sr-space-4)}.sr-archive-card{position:relative;padding:var(--sr-space-4);border-radius:var(--sr-radius-md);background:var(--sr-surface);border:var(--sr-border-width) solid var(--sr-border);border-top:3px solid var(--sr-rarity);display:flex;flex-direction:column;gap:var(--sr-space-2);overflow:hidden}.sr-archive-card,.sr-archive-card[data-rarity=common]{--sr-rarity:#8b93a7}.sr-archive-card[data-rarity=uncommon]{--sr-rarity:#3f9a72}.sr-archive-card[data-rarity=rare]{--sr-rarity:#4f7bd6}.sr-archive-card[data-rarity=special]{--sr-rarity:#c99a3f}.sr-archive-card[data-rarity=anniversary]{--sr-rarity:#c4536b}.sr-archive-card:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 100% 0,color-mix(in srgb,var(--sr-rarity) 12%,transparent),transparent 55%);pointer-events:none}.sr-archive-card-head{display:flex;align-items:center;justify-content:space-between}.sr-archive-card-title{margin:0;font-size:var(--sr-text-base);font-weight:600}.sr-archive-card-text{margin:0;color:var(--sr-text-secondary);font-size:var(--sr-text-sm);line-height:1.6}.sr-archive-card-date{font-size:var(--sr-text-sm);margin-top:auto}.sr-fav-star{border:none;background:transparent;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--sr-rarity,var(--sr-accent));padding:4px;min-width:32px;min-height:32px}.sr-fav-star[aria-pressed=false]{color:var(--sr-text-secondary)}.sr-fav-star:disabled{opacity:.5;cursor:default}.sr-bell-badge{position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--sr-danger);color:#fff;font-size:10px;line-height:16px;font-weight:700;text-align:center}.sr-notif-panel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(22rem,90vw);max-height:70vh;overflow-y:auto;background:var(--sr-surface-opaque,var(--sr-surface));border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius-md);box-shadow:var(--sr-shadow-lg,0 12px 40px -12px rgba(0,0,0,.4));z-index:50}.sr-notif-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sr-space-3) var(--sr-space-4);border-bottom:var(--sr-border-width) solid var(--sr-border);position:-webkit-sticky;position:sticky;top:0;background:inherit}.sr-linkish{border:none;background:transparent;color:var(--sr-text-secondary);cursor:pointer;font-size:var(--sr-text-sm);text-decoration:none;padding:0}.sr-linkish:hover{color:var(--sr-text-primary)}.sr-notif-list{list-style:none;margin:0;padding:0}.sr-notif-item{border-bottom:var(--sr-border-width) solid var(--sr-border)}.sr-notif-unread{background:color-mix(in srgb,var(--sr-accent) 8%,transparent)}.sr-notif-link{display:flex;flex-direction:column;gap:2px;width:100%;text-align:start;border:none;background:transparent;cursor:pointer;padding:var(--sr-space-3) var(--sr-space-4);color:inherit;text-decoration:none}.sr-notif-link:hover{background:var(--sr-surface-alt,rgba(0,0,0,.03))}.sr-notif-cat{font-size:11px;font-weight:700;color:var(--sr-accent);text-transform:uppercase;letter-spacing:.04em}.sr-notif-title{font-weight:600;font-size:var(--sr-text-sm)}.sr-notif-body{font-size:var(--sr-text-sm);color:var(--sr-text-secondary);line-height:1.5}.sr-agent-msg{display:flex;gap:var(--sr-space-3);align-items:flex-start}.sr-agent-avatar{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--sr-accent) 18%,transparent);color:var(--sr-accent);font-size:1rem}.sr-agent-title{margin:0 0 2px;font-size:var(--sr-text-sm);font-weight:600}.sr-agent-body{margin:0;color:var(--sr-text-secondary);line-height:1.6}.sr-insight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));grid-gap:var(--sr-space-4);gap:var(--sr-space-4)}.sr-insight{display:flex;flex-direction:column;gap:var(--sr-space-2)}.sr-insight-head{display:flex;align-items:center;justify-content:space-between}.sr-insight-type{font-size:var(--sr-text-sm);font-weight:600;color:var(--sr-accent);letter-spacing:.02em}.sr-insight-del{border:none;background:transparent;color:var(--sr-text-secondary);cursor:pointer;min-width:28px;min-height:28px;border-radius:var(--sr-radius-sm);font-size:.85rem}.sr-insight-del:hover{color:var(--sr-danger)}.sr-insight-del:disabled{opacity:.5;cursor:default}.sr-insight-statement{margin:0;font-size:var(--sr-text-base);line-height:1.6}.sr-insight-foot{display:flex;flex-wrap:wrap;gap:var(--sr-space-3);font-size:var(--sr-text-sm);margin-top:auto}.sr-chain{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--sr-accent) 8%,transparent),transparent 60%),var(--sr-surface)}.sr-chain-title{margin:0 0 var(--sr-space-5);font-family:var(--sr-font-heading);font-size:var(--sr-text-h2);color:var(--sr-text-primary)}.sr-chain-list{list-style:none;margin:0;padding:0}.sr-chain-node{position:relative;padding-left:var(--sr-space-6);padding-bottom:var(--sr-space-5)}.sr-chain-node:before{content:"";position:absolute;left:7px;top:22px;bottom:-4px;width:2px;background:linear-gradient(var(--sr-border),transparent)}.sr-chain-node:last-child:before{display:none}.sr-chain-dot{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;border:2px solid var(--sr-border);background:var(--sr-surface-opaque);transition:all var(--sr-duration-base) var(--sr-ease)}.sr-chain-node[data-unlocked=true] .sr-chain-dot{border-color:var(--sr-accent);background:var(--sr-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sr-accent) 18%,transparent)}.sr-chain-body{min-width:0}.sr-chain-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sr-space-3);width:100%;background:none;border:none;padding:0;cursor:pointer;font:inherit;text-align:left;color:var(--sr-text-primary)}.sr-chain-head:disabled{cursor:default}.sr-chain-node-title{font-family:var(--sr-font-heading);font-size:var(--sr-text-lg);font-weight:600}.sr-chain-node[data-unlocked=false] .sr-chain-node-title{color:var(--sr-text-secondary);opacity:.7}.sr-chain-caret{color:var(--sr-text-secondary);font-size:var(--sr-text-lg)}.sr-chain-lock{color:var(--sr-text-secondary);opacity:.5}.sr-chain-text{margin-top:var(--sr-space-3);animation:sr-reveal-up .4s var(--sr-ease) both}.sr-chain-text p{margin:0 0 var(--sr-space-3);font-size:var(--sr-text-md);line-height:1.9;color:var(--sr-text-primary)}.sr-chain-text p:last-child{margin-bottom:0}.sr-chain-hint{margin:var(--sr-space-1) 0 0;font-size:var(--sr-text-sm);color:var(--sr-text-secondary);font-style:italic}@media (prefers-reduced-motion:reduce){.sr-surprise-box,.sr-surprise-shine{animation:none}.sr-chain-text,.sr-surprise-reveal .sr-surprise-glow,.sr-surprise-reveal .sr-surprise-label,.sr-surprise-reveal .sr-surprise-rarity,.sr-surprise-reveal .sr-surprise-text{animation-duration:1ms}}.sr-btn-row{display:flex;flex-wrap:wrap;gap:var(--sr-space-2)}.sr-form-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));grid-gap:var(--sr-space-3);gap:var(--sr-space-3)}.sr-button-danger{background:transparent;color:var(--sr-danger);border:var(--sr-border-width) solid var(--sr-danger)}.sr-button-danger:hover{background:var(--sr-danger);color:var(--sr-on-accent,#fff)}.sr-chip-row{display:flex;flex-wrap:wrap;gap:var(--sr-space-2);align-items:center}.sr-chip{display:inline-flex;align-items:center;gap:var(--sr-space-1);min-height:32px;padding:0 var(--sr-space-3);border-radius:999px;border:var(--sr-border-width) solid var(--sr-border);background:var(--sr-surface-alt);color:var(--sr-text-secondary);font-size:var(--sr-text-sm);cursor:pointer}.sr-chip-active{background:var(--sr-accent);color:var(--sr-on-accent,#fff);border-color:var(--sr-accent)}.sr-chip-tag{cursor:default}.sr-badge-idea{background:var(--sr-surface-alt);color:var(--sr-text-secondary)}.sr-badge-active{background:var(--sr-accent);color:var(--sr-on-accent,#fff)}.sr-badge-paused{background:transparent;color:var(--sr-text-secondary);border:var(--sr-border-width) solid var(--sr-border)}.sr-badge-completed{background:var(--sr-success);color:var(--sr-on-accent,#fff)}.sr-badge-archived{background:transparent;color:var(--sr-text-secondary);border:var(--sr-border-width) dashed var(--sr-border)}.sr-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-gap:var(--sr-space-4);gap:var(--sr-space-4)}.sr-project-card{display:flex;flex-direction:column;gap:var(--sr-space-3)}.sr-project-cover{aspect-ratio:16/9;border-radius:var(--sr-radius-sm);overflow:hidden;background:var(--sr-surface-alt)}.sr-project-cover img{width:100%;height:100%;object-fit:cover;display:block}.sr-project-cover-empty{border:var(--sr-border-width) dashed var(--sr-border)}.sr-works-layout{display:grid;grid-template-columns:minmax(min(100%,220px),280px) 1fr;grid-gap:var(--sr-space-4);gap:var(--sr-space-4);align-items:start}@media (max-width:767px){.sr-works-layout{grid-template-columns:1fr}}.sr-works-list{flex-direction:column}.sr-works-item,.sr-works-list{display:flex;gap:var(--sr-space-2)}.sr-works-item{align-items:center;width:100%;padding:var(--sr-space-2);border:var(--sr-border-width) solid var(--sr-border);border-radius:var(--sr-radius-sm);background:var(--sr-surface);color:inherit;font:inherit;text-align:left;cursor:pointer}.sr-works-item-active{border-color:var(--sr-accent);background:var(--sr-surface-alt)}.sr-works-item img{width:44px;height:44px;object-fit:cover;border-radius:var(--sr-radius-sm);flex-shrink:0}.sr-compare-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-gap:var(--sr-space-3);gap:var(--sr-space-3)}.sr-compare-side figure{margin:0}.sr-compare-side img,.sr-compare-stack img{width:100%;border-radius:var(--sr-radius-sm);display:block}.sr-compare-stack{position:relative}.sr-compare-stack img{position:absolute;inset:0;height:100%;object-fit:contain}.sr-compare-stack img:first-of-type{position:relative}.sr-compare-stack input[type=range]{position:absolute;bottom:var(--sr-space-2);left:var(--sr-space-3);right:var(--sr-space-3);width:calc(100% - var(--sr-space-3) * 2);z-index:2}.sr-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-gap:var(--sr-space-3);gap:var(--sr-space-3)}.sr-timeline{list-style:none;margin:0;padding:0;flex-direction:column}.sr-timeline,.sr-timeline-item{display:flex;gap:var(--sr-space-3)}.sr-timeline-item{padding-left:var(--sr-space-2);border-left:2px solid var(--sr-border);position:relative}.sr-timeline-dot{position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:999px;background:var(--sr-accent)}.sr-timeline-hidden{opacity:.55}.sr-timeline-action{font:inherit;font-size:var(--sr-text-sm);min-height:32px;padding:var(--sr-space-1) var(--sr-space-2);border:1px solid var(--sr-border);border-radius:999px;background:transparent;color:var(--sr-text-secondary);cursor:pointer}.sr-link{color:var(--sr-accent);text-decoration:underline;text-underline-offset:2px}.sr-datamap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sr-space-4)}.sr-datamap-row>div{display:flex;align-items:center;gap:var(--sr-space-2)}.sr-datamap-row .sr-badge{margin-left:0}.sr-datamap-row p{margin:var(--sr-space-1) 0}.sr-chat-list{display:flex;flex-direction:column;gap:var(--sr-space-3);max-height:60vh;overflow-y:auto;padding:var(--sr-space-2)}.sr-chat-msg{display:flex}.sr-chat-user{justify-content:flex-end}.sr-chat-assistant{justify-content:flex-start}.sr-chat-bubble{max-width:min(80%,640px);padding:var(--sr-space-2) var(--sr-space-3);border-radius:var(--sr-radius);white-space:pre-wrap;overflow-wrap:anywhere}.sr-chat-user .sr-chat-bubble{background:var(--sr-accent);color:var(--sr-on-accent,#fff)}.sr-chat-assistant .sr-chat-bubble{background:var(--sr-surface-alt);color:var(--sr-text-primary);border:var(--sr-border-width) solid var(--sr-border)}.sr-chat-input-row{display:flex;gap:var(--sr-space-2);align-items:flex-end}.sr-chat-input-row textarea{flex:1 1;resize:vertical}@media (max-width:340px){:root{--sr-scale-body:0.9}.sr-main{padding:var(--sr-space-3) var(--sr-space-2)}.sr-nav{padding:var(--sr-space-2)}.sr-nav-links{gap:2px}.sr-card{padding:var(--sr-space-3);border-radius:var(--sr-radius-sm)}.sr-btn-row{flex-direction:column;align-items:stretch}.sr-form-cols{grid-template-columns:1fr}h1{font-size:1.4rem}}@media (orientation:landscape) and (max-height:500px){.sr-center{align-items:flex-start;min-height:auto;padding-top:var(--sr-space-4);padding-bottom:var(--sr-space-4)}.sr-notif-panel,.sr-tour-tip{max-height:82vh}.sr-cookie,.sr-tour-tip{overflow:auto}.sr-cookie{max-height:60vh}}