*{margin:0;padding:0;box-sizing:border-box}:root{--cream: #FDFBF7;--white: #FFFFFF;--coral: #E2634A;--coral-light: rgba(226, 99, 74, .08);--coral-border: rgba(226, 99, 74, .2);--sage: #7BAE7F;--sage-light: rgba(123, 174, 127, .1);--sage-border: rgba(123, 174, 127, .25);--amber: #E9A84C;--amber-light: rgba(233, 168, 76, .1);--blue-dark: #3D5A80;--blue-dark-light: rgba(61, 90, 128, .08);--ink: #2D2A26;--ink-soft: #5C554A;--ink-muted: #8C8680;--border: #E8E4DE;--border-light: #F0ECE6;--shadow-sm: 0 1px 3px rgba(45, 42, 38, .06);--shadow-md: 0 4px 16px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 40px rgba(45, 42, 38, .12);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Space Grotesk", sans-serif}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}input{border:none;outline:none;font-family:inherit;background:none}::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:none;align-items:center;gap:20px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--cream);position:sticky;top:0;z-index:20}.header-search-center{flex:1;min-width:0}@media(min-width:1100px){.header-search-center{position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:640px;padding:0 24px;pointer-events:none;flex:none}.header-search-center>*{pointer-events:auto}}.app-logo{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--coral);white-space:nowrap;flex-shrink:0;letter-spacing:-.5px;cursor:pointer}.desktop-nav{display:flex;gap:4px;flex-shrink:0;margin-left:auto}.desktop-nav button{padding:9px 16px;font-size:14px;font-weight:600;font-family:var(--font-display);color:var(--ink-muted);transition:all .2s ease;border:none;background:none}.desktop-nav button.on{color:var(--coral)!important}.desktop-nav button:hover:not(.on){color:var(--ink-soft)}.mobile-search{padding:10px 16px;border-bottom:1px solid var(--border-light);background:var(--white);position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px}.mobile-search .search-bar-wrap,.mobile-search .search-bar{flex:1}.search-bar{padding:12px 16px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;gap:10px}.search-bar input{flex:1;font-size:13px;color:var(--ink)}.search-bar input::placeholder{color:var(--ink-muted)}.search-clear{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--border);color:var(--ink-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease}.search-clear:after{content:"";position:absolute;inset:-12px}.search-clear:hover{background:var(--ink-muted);color:var(--white)}.filter-tags-wrap{padding:12px 16px 14px}.filter-tags{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tag{padding:5px 12px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--ink-muted);transition:all .15s ease}.filter-tag.on{background:var(--coral);color:var(--cream);border-color:var(--coral)}.feed{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:16px;max-width:620px;width:100%;margin:0 auto}.word-card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:visible;position:relative;opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.word-card.card-visible{opacity:1;transform:translateY(0)}.word-card.no-hero .wc-body{padding-top:18px}.wc-hero{position:relative;overflow:visible;opacity:0;transition:opacity .5s ease}.wc-hero.hero-revealed{opacity:1}.wc-video-bg{background:#ede9e3;border-radius:var(--r-xl) var(--r-xl) 0 0;aspect-ratio:16 / 9;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.wc-video-bg.has-image{aspect-ratio:unset}.wc-hero-img{width:100%;max-height:560px;object-fit:contain;display:block;border-radius:var(--r-xl) var(--r-xl) 0 0}.wc-video-bg .co-video-container{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%}.wc-video-bg .co-video-container video{cursor:pointer}.wc-video-bg .co-video-container:hover .co-play-indicator{opacity:0;pointer-events:none}.wc-hero-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,#ede9e3 30%,#f5f2ed,#ede9e3 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.wc-hero-label{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;border-radius:var(--r-sm);z-index:3}.wc-hero-label span:first-child{font-size:18px;line-height:1}.wc-hero-label span:last-child{font-size:10px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.3px}.wc-hero-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:3}.wc-hero-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:all .15s ease}.wc-hero-dot.on{background:#fffffff2;width:16px;border-radius:3px}.wc-hero-nav{position:absolute;top:0;bottom:0;width:40%;z-index:2;cursor:pointer}.wc-hero-nav-left{left:0}.wc-hero-nav-right{right:0}.wc-play{width:56px;height:56px;border-radius:50%;background:#2d2a260f;border:2px solid rgba(45,42,38,.1);display:flex;align-items:center;justify-content:center}.wc-play-tri{width:0;height:0;border-left:16px solid rgba(45,42,38,.2);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:3px}.wc-badge{position:absolute;background:var(--white);border-radius:var(--r-md);box-shadow:0 2px 12px #2d2a261f,0 0 0 1px #2d2a260a;display:flex;flex-direction:column;align-items:center;padding:6px 8px;gap:1px;z-index:2;cursor:grab}.wc-badge.radical-badge{touch-action:none;-webkit-user-select:none;user-select:none}.wc-badge.radical-badge.badge-out{opacity:0;pointer-events:none;transition:opacity .2s ease,transform .35s cubic-bezier(.4,0,.2,1)}.wc-badge.radical-badge.badge-in{opacity:1;transition:opacity .15s ease-out,transform .5s cubic-bezier(.22,1.3,.36,1)}.wc-badge.radical-badge.dragging{transition:none;cursor:grabbing;z-index:5;box-shadow:0 4px 20px #2d2a262e,0 0 0 1px #2d2a260f}.wc-badge.radical-badge.badge-in:active{cursor:grabbing}.wc-badge .badge-char{line-height:1;color:var(--ink)}.wc-badge .badge-name{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.wc-badge.radical-badge:not(.expandable) .badge-name{color:var(--ink-muted)}.wc-badge.radical-badge:not(.expandable){border:1.5px solid var(--border)}.wc-badge.radical-badge.expandable .badge-name{color:var(--amber)}.wc-badge.radical-badge.expandable{border:1.5px solid rgba(233,168,76,.4);cursor:grab}.wc-badge.radical-badge.rad-expanded{border-color:var(--amber);box-shadow:0 0 12px #e9a84c40,0 2px 12px #2d2a261f;background:linear-gradient(135deg,var(--white) 60%,rgba(233,168,76,.06))}.wc-badge.radical-badge .badge-pinyin{font-family:var(--font-display);font-size:9px;font-weight:500;color:var(--coral);line-height:1}.badge-expand-indicator{display:flex;align-items:center;opacity:.7}.badge-expand-indicator .chevron-icon{width:10px;height:10px;color:var(--amber)}.badge-group{contents:"";display:contents}.sub-badges{position:absolute;display:flex;gap:4px;z-index:3;padding-top:6px}.sub-badges:before{content:"";position:absolute;top:0;left:50%;width:1px;height:6px;background:var(--amber);opacity:.4}.wc-badge.sub-badge{position:relative;padding:4px 6px;gap:0;border:1.5px solid rgba(233,168,76,.3);cursor:default;animation:sub-badge-in .25s cubic-bezier(.22,1.3,.36,1) both}.wc-badge.sub-badge .badge-char{font-size:14px}.wc-badge.sub-badge .badge-pinyin{font-family:var(--font-display);font-size:8px;font-weight:500;color:var(--coral);line-height:1}.wc-badge.sub-badge .badge-name{font-size:7px;color:var(--amber)}@keyframes sub-badge-in{0%{opacity:0;transform:translateY(-6px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.wc-badge.main-char{padding:8px 10px;gap:2px;animation:main-badge-in .3s ease-out both;cursor:default}@keyframes main-badge-in{0%{opacity:0;transform:scale(.7) rotate(var(--badge-rotate, 0deg))}to{opacity:1;transform:scale(1) rotate(var(--badge-rotate, 0deg))}}.wc-badge.main-char .badge-pinyin{font-family:var(--font-display);font-size:10px;font-weight:500;color:var(--coral)}.wc-badge.main-char .badge-def{font-size:8px;color:var(--ink-muted);text-align:center;line-height:1.2}.wc-toggle{position:absolute;bottom:10px;left:10px;width:28px;height:28px;border-radius:50%;background:var(--white);box-shadow:0 1px 6px #2d2a261a;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);cursor:pointer;z-index:4;border:1px solid var(--border-light);transition:transform .15s ease}.wc-toggle:after{content:"";position:absolute;inset:-8px}.wc-toggle:hover{transform:scale(1.08)}.wc-body{padding:14px 16px 18px}.wc-title{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.wc-title .ct-char{font-size:28px;line-height:1}.wc-title .ct-pinyin{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--coral)}.wc-title .ct-sep{font-size:14px;color:var(--border)}.wc-title .ct-def{font-size:14px;color:var(--ink-muted)}.wc-utils{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wc-util-btn{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--ink-muted);cursor:pointer;padding:3px 0;letter-spacing:.3px;background:none;border:none}.wc-util-btn svg{flex-shrink:0}.wc-radicals{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.wc-rad-chip{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:8px;background:var(--cream);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.wc-rad-chip:hover{background:#e2634a0f;border-color:#e2634a4d}.rc-chip-body{display:flex;align-items:center;gap:4px;cursor:pointer}.wc-rad-chip.expandable-chip{background:#e9a84c0f;border-color:#e9a84c38;cursor:pointer;transition:all .15s ease}.wc-rad-chip.expandable-chip:hover{background:#e9a84c1f;border-color:#e9a84c66}.wc-rad-chip.chip-expanded{background:#e9a84c26;border-color:var(--amber)}.wc-rad-chip .chip-expand-indicator{display:flex;align-items:center;margin-left:auto;opacity:.7;flex-shrink:0}.wc-rad-chip .chevron-icon{width:12px;height:12px;color:var(--amber)}.wc-rad-chip-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.wc-sub-chips{display:flex;flex-wrap:wrap;gap:4px}.wc-rad-chip.sub-chip{font-size:.9em;cursor:pointer}.wc-rad-chip.sub-chip:hover{background:#e2634a0f;border-color:#e2634a4d}.wc-rad-chip.sub-chip .rc-char{font-size:14px}.wc-rad-chip.sub-chip .rc-pinyin{font-size:8px}.wc-rad-chip.sub-chip .rc-name{font-size:9px}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wc-rad-chip .rc-char{font-size:16px;line-height:1}.wc-rad-chip .rc-pinyin{font-family:var(--font-display);font-size:9px;font-weight:500;color:var(--coral)}.wc-rad-chip .rc-name{font-size:10px;font-weight:600;letter-spacing:.3px;color:var(--ink-muted)}.wc-story{font-style:italic;font-size:15px;line-height:1.6;color:var(--ink-soft);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.wc-story.story-revealed{opacity:1;transform:translateY(0)}.wc-story-placeholder{opacity:.45;font-style:italic}.wc-story .hl,.co-story-text .hl{color:var(--coral);font-weight:600;opacity:0;animation:hlFadeIn .4s ease forwards;cursor:pointer;transition:text-shadow .2s ease}.wc-story .hl:hover,.co-story-text .hl:hover{text-shadow:0 0 8px rgba(226,99,74,.3)}.wc-story .hl-def,.co-story-text .hl-def{font-weight:700;opacity:0;animation:hlFadeIn .4s ease forwards}.wc-expanded{margin-bottom:10px;padding:10px 12px;background:var(--cream);border-radius:var(--r-sm);font-size:12px;line-height:1.6;color:var(--ink-soft)}.ex-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wc-expanded .ex-label{font-family:var(--font-display);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted)}.wc-expanded .ex-def{margin-bottom:6px}.wc-expanded .ex-usage{font-style:italic;color:var(--ink-muted)}.wc-expanded .ex-words{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ex-word-chip{position:relative;display:inline-flex;align-items:baseline;gap:4px;padding:4px 10px;background:var(--cream);border:1px solid var(--border);border-radius:8px;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s}.ex-word-chip:hover{border-color:var(--coral)}.ex-word-chip .ew-word{font-family:var(--font-display);font-weight:600;font-size:14px}.ex-word-chip .ew-pinyin{color:var(--coral);font-size:11px}.ew-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--white);color:var(--ink-soft);font-size:12px;font-family:var(--font-body);line-height:1.45;padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--border);box-shadow:var(--shadow-md);white-space:normal;max-width:240px;width:max-content;z-index:20;pointer-events:none;animation:tooltipIn .15s ease}.ew-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border)}.ew-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--white);z-index:1}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.si-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;background:var(--cream);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s}.si-chip:hover{border-color:var(--coral)}.si-chip .si-char{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink)}.si-chip .si-pinyin{color:var(--coral);font-size:11px;font-weight:500}.si-chip .si-def{color:var(--ink-muted);font-size:11px;white-space:nowrap}.si-chip .si-shared{font-size:12px;color:var(--sage);font-weight:600;margin-left:2px;letter-spacing:1px}.suggestion-row{padding:16px;margin:6px 0;border-radius:12px;background:#7bae7f0f;animation:hlFadeIn .3s ease}.suggestion-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.suggestion-lead{font-family:var(--font-body);font-size:12px;color:var(--ink-muted)}.suggestion-radical-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:1px solid var(--sage);border-radius:8px;cursor:pointer;transition:background .15s}.suggestion-radical-chip:hover{background:#7bae7f1a}.suggestion-radical{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);line-height:1}.suggestion-pinyin{font-size:11px;font-weight:500;color:var(--coral)}.suggestion-meaning{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink)}.suggestion-more{font-family:var(--font-body);font-size:11px;color:var(--sage);background:none;border:none;cursor:pointer;margin-left:auto;padding:4px 0}.suggestion-more:hover{text-decoration:underline}.suggestion-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.suggestion-chips::-webkit-scrollbar{display:none}.ct-hsk{padding:1px 6px;font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--sage);border:1px solid color-mix(in srgb,var(--sage) 50%,transparent);border-radius:4px;white-space:nowrap}.phonetic-chip{border-color:var(--amber)!important}.rc-phonetic-badge{display:inline-flex;align-items:center;margin-left:2px;color:var(--amber);opacity:.7;pointer-events:auto;cursor:pointer;padding:1px 3px;border-radius:4px;transition:opacity .15s,background .15s}.rc-phonetic-badge:hover,.rc-phonetic-badge.badge-active{opacity:1;background:color-mix(in srgb,var(--amber) 15%,transparent)}.wc-chip-detail-panel{display:flex;flex-direction:column;gap:6px;padding-left:8px;animation:slideDown .2s ease}.pf-popover{position:fixed;z-index:1000;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;padding:10px 12px;max-width:280px;animation:popoverIn .15s ease}@media(max-width:640px){.pf-popover{max-width:calc(100vw - 32px)}}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pf-popover-above{animation:popoverInAbove .15s ease}@keyframes popoverInAbove{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pf-loading{display:flex;align-items:center;justify-content:center;padding:6px 0}.pf-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:pfDotPulse .8s ease-in-out infinite}@keyframes pfDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pf-note-icon{color:var(--amber);vertical-align:-2px;margin-right:3px}.pf-label{font-size:11px;color:var(--ink-muted);margin-bottom:6px;line-height:1.4}.pf-label strong{color:var(--ink);font-family:var(--font-display)}.pf-members{display:flex;flex-wrap:wrap;gap:4px}.pf-member{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#fff;border:1px solid var(--border);border-radius:5px;font-size:12px;cursor:pointer;transition:border-color .15s}.pf-member:hover{border-color:var(--amber)}.pf-char{font-family:var(--font-display);font-weight:600;font-size:15px}.pf-pinyin{color:var(--ink-muted);font-size:10px}.wc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;position:relative;min-height:28px}.wc-footer-left{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:0;max-width:55%}.wc-personal-tag{padding:2px 8px;border-radius:100px;font-size:11px;font-family:var(--font-body);background:var(--amber-light);color:var(--amber);border:1px solid rgba(233,168,76,.25);cursor:pointer;transition:all .15s ease;white-space:nowrap}.wc-personal-tag:hover{background:#e9a84c33;border-color:var(--amber)}.wc-swipe-dots{display:flex;gap:4px;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.wc-sdot{position:relative;width:5px;height:5px;border-radius:50%;background:var(--border);transition:all .2s ease}.wc-sdot:after{content:"";position:absolute;inset:-10px}.wc-sdot:hover{background:var(--ink-muted);transform:scale(1.4)}.wc-sdot.on{background:var(--coral);width:14px;border-radius:3px}.wc-sdot.on:hover{transform:none}.wc-sdot.video-dot{border-radius:2px}.wc-thumb-strip{display:flex;gap:4px;padding:6px 14px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;align-items:center;border-bottom:1px solid var(--border-light);background:var(--cream)}.wc-thumb-strip::-webkit-scrollbar{display:none}.wc-thumb{position:relative;width:44px;height:44px;border-radius:6px;overflow:hidden;border:2px solid transparent;flex-shrink:0;transition:border-color .2s ease;cursor:pointer;padding:0;background:var(--border-light)}.wc-thumb-media{width:100%;height:100%;object-fit:cover;display:block}.thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.wc-thumb.thumb-active{border-color:var(--coral)}.wc-thumb:hover:not(.thumb-active){border-color:var(--ink-muted)}.thumb-heart{position:absolute;bottom:1px;right:1px;font-size:10px;color:var(--coral);line-height:1;text-shadow:0 0 3px rgba(0,0,0,.5);pointer-events:none}.wc-thumb-overflow{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-muted);padding:0 8px;flex-shrink:0;white-space:nowrap;cursor:pointer}.wc-thumb-wrap{position:relative;flex-shrink:0}.wc-thumb-delete{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--cream);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s;z-index:2;padding:0}.wc-thumb-delete:after{content:"";position:absolute;inset:-10px}.wc-thumb-wrap:hover .wc-thumb-delete{opacity:1;transform:scale(1)}.wc-thumb-delete:hover{background:var(--coral)}.delete-confirm-overlay{position:fixed;inset:0;background:#2d2a2640;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:dcFadeIn .15s ease}.delete-confirm{background:var(--cream);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px 28px 22px;max-width:280px;width:85%;box-shadow:var(--shadow-lg);animation:dcSlideUp .2s cubic-bezier(.22,1,.36,1);text-align:center}.delete-confirm-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}.delete-confirm-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-muted);margin:0 0 22px;line-height:1.4}.delete-confirm-actions{display:flex;gap:10px}.delete-confirm-cancel,.delete-confirm-delete{flex:1;font-family:var(--font-display);font-size:13px;font-weight:600;padding:10px 0;border-radius:var(--r-md);cursor:pointer;transition:all .15s}.delete-confirm-cancel{border:1.5px solid var(--border);background:transparent;color:var(--ink-soft)}.delete-confirm-cancel:hover{background:var(--border-light);border-color:var(--border-light);color:var(--ink)}.delete-confirm-delete{border:1.5px solid var(--coral);background:var(--coral);color:#fff}.delete-confirm-delete:hover{background:#d45840;border-color:#d45840}@keyframes dcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dcSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wc-creator{display:flex;align-items:center;gap:4px;padding:2px 8px 2px 5px;font-family:var(--font-display);font-size:12px;color:var(--ink-muted);background:var(--cream);border:1px solid var(--border);border-radius:100px;white-space:nowrap}.wc-creator-emoji{font-size:11px;line-height:1}.wc-creator-initials{font-weight:500;font-size:10px;letter-spacing:.3px}.wc-actions{display:flex;gap:6px;align-items:center;position:absolute;right:0;padding:4px}.wc-act{position:relative;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border:1.5px solid var(--border);font-size:14px;color:var(--ink-muted);transition:all .15s ease}.wc-act.refine{display:none}.wc-act.fav{gap:3px;width:auto;min-width:28px;padding:0 8px;border-radius:14px}.fav-count{font-family:var(--font-data);font-size:11px;letter-spacing:.01em;line-height:1}.wc-act.fav:hover{color:var(--coral);border-color:var(--coral)}.wc-act.fav.liked{color:var(--coral);border-color:var(--coral);background:#e2634a0f}.wc-act.remix{color:var(--ink-muted);border-color:var(--border);width:auto;border-radius:14px;padding:0 10px;gap:4px;font-family:var(--font-data);font-size:11px;letter-spacing:.01em}.wc-act.remix:hover{color:var(--blue-dark);border-color:var(--blue-dark);background:var(--blue-dark-light)}.wc-act:after{content:"";position:absolute;inset:-8px}.wc-act:hover{box-shadow:0 0 0 2px #e2634a1f}.bottom-nav{display:flex;justify-content:space-around;padding:4px 20px;border-bottom:1px solid var(--border-light);background:var(--cream)}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--ink-muted);padding:4px 12px;border:none;background:none}.bottom-nav-tab.on{color:var(--coral)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:80px 40px;text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:50%;background:var(--coral-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state-icon span{font-size:28px;opacity:.5;color:var(--coral)}.empty-state-icon-search{background:var(--cream);border:1.5px solid var(--border)}.empty-state-icon-search span{font-size:24px;opacity:.25;color:var(--ink-muted)}.empty-state-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);margin-bottom:6px}.empty-state-desc{font-size:13px;color:var(--ink-muted);line-height:1.6;max-width:240px}.empty-state-cta{margin-top:20px;padding:8px 20px;border-radius:100px;background:var(--coral);color:#fff;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s ease}.empty-state-cta:hover{opacity:.9}.char-input-card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:20px;display:flex;flex-direction:column;gap:14px}.char-input-header{display:flex;flex-direction:column;gap:2px}.char-input-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.char-input-hint{font-size:12px;color:var(--ink-muted)}.char-input-row{display:flex;gap:10px;align-items:stretch}.char-input-field{flex:1;display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--cream);padding:0 4px 0 0;transition:border-color .15s ease}.char-input-field:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px #e2634a14}.char-input{flex:1;padding:12px 14px;font-size:20px;color:var(--ink);background:none;min-width:0}.char-input::placeholder{color:var(--border);font-size:20px}.char-input-dice{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);flex-shrink:0;transition:all .15s ease}.char-input-dice:hover{background:var(--border-light);color:var(--ink)}.char-input-dice:active{transform:scale(.92)}.char-input-submit{padding:12px 20px;background:var(--coral);color:var(--white);border-radius:var(--r-md);font-family:var(--font-display);font-size:14px;font-weight:600;white-space:nowrap;transition:all .15s ease;letter-spacing:-.2px}.char-input-submit:hover{background:#d45840}.char-input-submit:active{transform:scale(.97)}.char-input-error{font-size:12px;color:var(--coral);margin-top:-6px}.loading-skeleton{background:var(--white);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);opacity:0;animation:skeleton-fade-in .4s ease forwards}.skel-hero{height:200px;background:linear-gradient(110deg,#ede9e3 30%,#f5f2ed,#ede9e3 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skel-lines{padding:16px;display:flex;flex-direction:column;gap:10px}.skel-line{height:12px;border-radius:6px;background:linear-gradient(110deg,var(--border-light) 30%,var(--cream) 50%,var(--border-light) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skel-line.w60{width:60%}.skel-line.w40{width:40%}.skel-line.w80{width:80%}.skel-chips{display:flex;gap:6px}.skel-chip{width:64px;height:28px;border-radius:100px;background:linear-gradient(110deg,var(--border-light) 30%,var(--cream) 50%,var(--border-light) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes skeleton-fade-in{to{opacity:1}}.wc-story-loading{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.story-shimmer{height:14px;width:85%;border-radius:7px;background:linear-gradient(110deg,var(--border-light) 30%,var(--cream) 50%,var(--border-light) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.wc-act:disabled{opacity:.4;cursor:default}.wc-act:disabled:hover{transform:none}.wc-sdot{cursor:pointer;border:none;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes coFadeIn{0%{opacity:0}to{opacity:1}}@keyframes coSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes coTrayIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.co-backdrop{position:fixed;inset:0;z-index:900;background:#2d2a2673;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;animation:coFadeIn .2s ease}.co-backdrop.co-open{pointer-events:auto}.co-panel{background:var(--cream);width:100%;max-height:96dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;animation:coSlideUp .3s ease;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-lg)}.co-handle{width:32px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 4px;flex-shrink:0;touch-action:none;cursor:grab;padding:14px 0;background-clip:content-box}.co-panel.swiping{touch-action:none}.co-body{padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px))}.co-panel .wc-expanded{background:var(--white);border:1px solid var(--border)}.co-panel .ex-word-chip{background:var(--white)}.co-char-entry{padding:32px 0 16px}.co-char-input-wrap{position:relative;display:flex;align-items:center;border-bottom:2px solid var(--border);padding:8px 0}.co-ghost-char{font-size:48px;color:var(--border);margin-right:12px;font-family:var(--font-display)}.co-char-input-wrap input{flex:1;border:none;outline:none;background:none;font-size:28px;font-family:var(--font-display);color:var(--ink)}.co-char-input-wrap input::placeholder{color:var(--ink-muted)}.co-try-label{margin-top:24px;margin-bottom:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.co-try-grid{display:flex;flex-wrap:wrap;gap:8px}.co-try-btn{display:flex;flex-direction:column;align-items:center;padding:10px 14px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--border);cursor:pointer;transition:border-color .15s,box-shadow .15s}.co-try-btn:hover{border-color:var(--coral);box-shadow:var(--shadow-sm)}.co-try-char{font-size:24px;font-family:var(--font-display);color:var(--ink)}.co-try-def{font-size:11px;color:var(--ink-muted);margin-top:2px}.co-loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.co-loading-dots{display:flex;gap:6px}.co-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:pulse-glow .8s ease-in-out infinite}.co-loading-dots span:nth-child(2){animation-delay:.15s}.co-loading-dots span:nth-child(3){animation-delay:.3s}.co-loading-dots.small span{width:5px;height:5px}.co-error{padding:12px 16px;background:#e2634a14;border:1px solid rgba(226,99,74,.2);border-radius:var(--r-md);color:var(--coral);font-size:13px;margin:8px 0;animation:coFadeIn .2s ease}.co-mode-tabs{display:flex;gap:2px;background:var(--border-light);border-radius:var(--r-md);padding:3px;margin-bottom:12px}.co-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--ink-muted);border-radius:var(--r-sm);background:none;border:none;cursor:pointer;transition:color .15s,background .15s}.co-mode-icon{width:15px;height:15px;flex-shrink:0}.co-mode-tab:hover{color:var(--ink-soft)}.co-mode-tab.on{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.co-mode-tab:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.co-hero-wrap{position:relative;margin-bottom:8px}.co-hero{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--border-light);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .5s ease}.co-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}video.co-hero{object-fit:cover;border-radius:var(--r-lg)}.co-hero.co-hero-revealed{animation:coFadeIn .5s ease}.co-video-container{position:relative;width:100%;border-radius:var(--r-lg);overflow:hidden}.co-video-container video.co-hero{cursor:pointer;display:block;width:100%;height:100%;object-fit:cover}.co-video-container video::-webkit-media-controls{display:none!important}.co-video-container video::-webkit-media-controls-enclosure{display:none!important}.co-play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fdfbf7cc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:50%;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;cursor:pointer}.co-play-indicator.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.co-video-controls{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--r-md);opacity:0;transition:opacity .25s ease}.co-hero-wrap .co-video-controls{right:10px}.co-video-container:hover .co-video-controls{opacity:1}@media(hover:none){.co-video-controls{opacity:1}.wc-thumb-delete,.co-var-delete{opacity:.7;transform:scale(1)}.co-slot-clear{opacity:.7}.co-video-setup-btn{opacity:.8}.co-tag.personal svg{opacity:.6}}.co-video-time{font-family:var(--font-display);font-size:10px;font-weight:500;color:#ffffffd9;white-space:nowrap;min-width:64px;letter-spacing:.02em}.co-progress-track{flex:1;height:4px;background:#ffffff40;border-radius:2px;cursor:pointer;position:relative;transition:height .15s ease}.co-progress-track:hover{height:6px}.co-progress-fill{height:100%;background:var(--coral);border-radius:2px;transition:width .1s linear}.co-playpause-btn,.co-mute-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fffc;cursor:pointer;border-radius:var(--r-sm);transition:color .15s,background .15s;padding:0}.co-playpause-btn:hover,.co-mute-btn:hover{color:#fff;background:#ffffff26}.co-hero-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-lg)}.co-hero-placeholder{font-size:72px;color:var(--border);font-family:var(--font-display);-webkit-user-select:none;user-select:none}.co-hero-video{width:100%;aspect-ratio:16 / 9;background:var(--border-light);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 20px 68px;position:relative}.co-video-slot{position:relative;flex:1;aspect-ratio:1;background:#00000008;border-radius:var(--r-md);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:border-color .15s}.co-video-slot:hover{border-color:var(--ink-muted)}.co-video-slot.active{border-color:var(--coral)}.co-video-slot.filled{border-style:solid;border-color:transparent}.co-video-slot.filled.active{border-style:dashed;border-color:var(--coral)}.co-slot-label{font-size:12px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.co-video-arrow{color:var(--ink-muted);flex-shrink:0}.co-video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fdfbf7d9;border-radius:var(--r-lg)}.co-video-status{font-size:12px;color:var(--ink-muted);font-style:italic}.co-video-setup-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#fdfbf7d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1.5px solid var(--border);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;z-index:2}.co-video-setup-btn:hover{background:var(--white);color:var(--coral)}.co-video-direction{position:absolute;bottom:12px;left:16px;right:16px;padding:8px 10px;background:var(--card-bg, #fff);border:1px solid var(--border, #e5e2dc);border-radius:8px;font-size:13px;font-family:inherit;color:var(--ink);resize:none;outline:none;transition:border-color .15s}.co-video-direction:focus{border-color:var(--coral)}.co-video-direction::placeholder{color:var(--ink-muted);opacity:.6}.co-video-back-btn{position:absolute;bottom:20px;left:20px;background:none;border:none;font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:color .15s;white-space:nowrap}.co-video-back-btn:hover{color:var(--coral)}.co-slot-clear{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:#2d2a2699;color:var(--cream);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:2}.co-slot-clear:after{content:"";position:absolute;inset:-10px}.co-video-slot:hover .co-slot-clear{opacity:1}.co-slot-clear:hover{background:var(--coral)}.co-video-gen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fdfbf7e0;border-radius:var(--r-lg);z-index:3}.co-video-gen-label{font-size:12px;color:var(--ink-muted);font-style:italic}.co-var-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:6px;z-index:3;pointer-events:none}.co-tool-strip{position:absolute;bottom:10px;right:10px;display:flex;gap:2px;padding:4px;border-radius:var(--r-md);background:var(--cream);z-index:6}.co-tool-btn{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s;border:none;background:none}.co-tool-btn:after{content:"";position:absolute;inset:-8px}.co-tool-btn:hover{background:#0000000f;color:var(--ink)}.co-tool-btn.on{background:var(--coral-light);color:var(--coral)}.co-tool-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.co-hero-sketch{position:relative}.co-hero-sketch-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;pointer-events:none;z-index:0}.co-paint-wrap{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;animation:coFadeIn .2s ease}.co-paint-canvas-container{position:relative;flex:1;min-height:0;background:var(--border-light)}.co-paint-underlay,.co-paint-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;aspect-ratio:512 / 384}.co-paint-underlay{pointer-events:none}.co-paint-canvas{cursor:crosshair;touch-action:none}.co-paint-canvas.erasing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%232D2A26' stroke-width='1.5'/%3E%3C/svg%3E") 12 12,crosshair}.co-paint-side-tools{position:absolute;left:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:var(--r-md);background:#fdfbf7d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.co-paint-size-wrap-v{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:4px}.co-paint-size-v{writing-mode:vertical-lr;direction:rtl;width:4px;height:64px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.co-paint-size-v::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--range-color, var(--ink-soft));cursor:pointer;border:2px solid var(--white);box-shadow:0 1px 3px #00000026}.co-paint-size-v::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--range-color, var(--ink-soft));cursor:pointer;border:2px solid var(--white);box-shadow:0 1px 3px #00000026}.co-paint-toolbar{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--cream);border-top:1px solid var(--border-light)}.co-paint-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.co-paint-chip{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:20px;border:2px solid var(--border);background:var(--white);font-size:12px;white-space:nowrap;cursor:pointer;transition:border-color .15s;min-height:32px}.co-paint-chip.on{border-width:2.5px;background:var(--cream)}.co-paint-chip-dot{display:block;width:18px;height:18px;border-radius:50%;flex-shrink:0;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1.5px #0000001a}.co-paint-chip-dot:hover{transform:scale(1.15);box-shadow:inset 0 0 0 1.5px #0000001a,0 0 0 3px #0000000f}.co-paint-chip-char{font-family:var(--font-data);font-weight:600;font-size:13px}.co-paint-chip-meaning{color:var(--ink-muted);font-size:12px;cursor:text;border-bottom:1px dashed transparent;transition:border-color .15s}.co-paint-chip:hover .co-paint-chip-meaning{border-bottom-color:var(--ink-faint)}.co-paint-chip-edit{font-size:12px;color:var(--ink);border:none;border-bottom:1.5px solid var(--accent);background:transparent;outline:none;padding:0;width:64px;font-family:inherit}.co-paint-color-picker{position:fixed;transform:translate(-50%,calc(-100% - 10px));display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:var(--white);border-radius:12px;box-shadow:0 6px 24px #0000002e,0 0 0 1px #0000000f;z-index:9999;animation:coFadeIn .12s ease}.co-paint-color-swatch{width:24px;height:24px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;padding:0}.co-paint-color-swatch:hover{transform:scale(1.15)}.co-paint-color-swatch.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--ink-faint)}.co-paint-bottom-row{display:flex;align-items:center;gap:8px}.co-paint-spacer{flex:1}.co-tool-strip-inline{position:static;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:none}.co-paint-size-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.co-paint-size{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.co-paint-size::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--range-color, var(--ink-soft));cursor:pointer;border:2px solid var(--white);box-shadow:0 1px 3px #00000026}.co-paint-size::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--range-color, var(--ink-soft));cursor:pointer;border:2px solid var(--white);box-shadow:0 1px 3px #00000026}.co-paint-actions{display:flex;gap:2px}.co-paint-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:none;background:none;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s}.co-paint-action:hover{background:#0000000f;color:var(--ink)}.co-paint-action.on{background:var(--coral-light);color:var(--coral)}.co-paint-action:disabled{opacity:.3;cursor:not-allowed}.co-paint-divider{width:1px;height:18px;background:var(--border);flex-shrink:0}.co-paint-cancel,.co-paint-done{padding:5px 14px;border-radius:20px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.co-paint-cancel{background:var(--border-light);color:var(--ink-soft)}.co-paint-cancel:hover{background:var(--border)}.co-paint-done{background:var(--ink);color:var(--cream)}.co-paint-done:hover{background:var(--ink-soft)}.co-paint-add{border-style:dashed;color:var(--ink-muted);padding:4px 8px}.co-paint-add:hover{background:var(--cream);color:var(--ink-soft)}.co-paint-add-wrap{display:flex;align-items:center;gap:4px;padding:3px 4px 3px 8px;border-radius:20px;border:2px solid var(--border);background:var(--white)}.co-paint-add-input{border:none;outline:none;background:none;font-size:11px;font-family:var(--font-body);color:var(--ink);width:80px;padding:0}.co-paint-add-input::placeholder{color:var(--ink-faint);opacity:.5}.co-paint-add-ok{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--sage);color:var(--white);cursor:pointer;flex-shrink:0;transition:opacity .15s}.co-paint-add-ok:disabled{opacity:.3;cursor:default}.co-paint-add-ok:not(:disabled):hover{opacity:.85}.co-paint-preview{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.2;border-radius:var(--r-lg)}.co-paint-preview img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media(max-width:640px){.co-paint-chip{min-height:44px;padding:8px 12px}.co-paint-action{width:44px;height:44px}.co-paint-cancel,.co-paint-done{padding:8px 16px;font-size:13px}}.co-settings-tray,.co-import-sheet{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:12px;animation:coTrayIn .2s ease;overflow:hidden}.co-tray-section{padding:12px 14px;border-bottom:1px solid var(--border-light)}.co-tray-section:last-child{border-bottom:none}.co-tray-section.co-tray-active{background:#e2634a0a}.co-tray-section.co-tray-active .co-tray-label{color:var(--coral)}.co-tray-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:8px}.co-tray-inline{display:flex;align-items:center;gap:10px}.co-tray-inline .co-tray-label{margin-bottom:0;white-space:nowrap;flex-shrink:0}.co-frame-toggle{display:flex;gap:4px}.co-frame-chip{font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px;border:1.5px solid var(--border);background:transparent;color:var(--ink-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.co-frame-chip.on{border-color:var(--coral);color:var(--coral);background:#e2634a0f}.co-frame-chip.filled:not(.on){border-color:var(--ink-faint);color:var(--ink)}.co-frame-chip-clear{font-size:13px;line-height:1;opacity:.5;cursor:pointer}.co-frame-chip-clear:hover{opacity:1}.co-ref-row{display:flex;align-items:center;gap:6px}.co-ref-scroll{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0}.co-ref-scroll::-webkit-scrollbar{display:none}.co-ref-thumb{flex-shrink:0;width:44px;height:44px;border-radius:6px;border:2px solid var(--border);background:var(--white);padding:2px;cursor:pointer;transition:border-color .15s,box-shadow .15s;overflow:hidden}.co-ref-thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px}.co-ref-thumb:hover{border-color:var(--coral-border)}.co-ref-thumb.on{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral)}.co-ref-upload{flex-shrink:0;width:44px;height:44px;border-radius:6px;border:2px dashed var(--border);background:var(--cream);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.co-ref-upload:hover{border-color:var(--coral-border);color:var(--coral)}.co-style-options{display:flex;flex-wrap:wrap;gap:6px}.co-style-pill{padding:3px 8px;font-size:11px;font-weight:500;border-radius:20px;border:1px solid var(--border);background:var(--cream);color:var(--ink-soft);cursor:pointer;transition:all .15s}.co-style-pill:hover:not(:disabled):not(.on){border-color:var(--coral-border);color:var(--coral)}.co-style-pill.on:hover:not(:disabled){background:#d45a43;border-color:#d45a43;color:#fff}.co-style-pill.on{background:var(--coral);border-color:var(--coral);color:#fff}.co-style-pill:disabled{opacity:.4;cursor:not-allowed}.co-decomp-paths{display:flex;flex-direction:column;gap:6px}.co-decomp-path{padding:8px 12px;font-size:12px;border-radius:var(--r-sm);border:1px solid var(--border);background:none;color:var(--ink-soft);cursor:pointer;text-align:left;transition:all .15s}.co-decomp-path:hover{border-color:var(--ink-muted)}.co-decomp-path.on{border-color:var(--sage-border);background:var(--sage-light);color:var(--ink)}.co-tray-style-row{display:flex;flex-wrap:wrap;align-items:flex-start;border-bottom:none}.co-tray-style-row>.co-tray-inline{flex:1;min-width:0}.co-tray-style-row>.co-prompt-toggle{flex-shrink:0;align-self:flex-end;margin-top:4px}.co-tray-style-row>.co-prompt-section{width:100%;flex-basis:100%}.co-prompt-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:10px;font-weight:500;letter-spacing:.03em;color:var(--ink-faint, #b5b0a8);cursor:pointer}.co-prompt-toggle:hover{color:var(--ink-muted)}.co-prompt-section{margin-top:10px}.co-prompt-field-wrap{position:relative}.co-prompt-field{width:100%;min-height:80px;font-size:11px;line-height:1.5;font-family:var(--font-body);color:var(--ink-muted);background:var(--cream);border:1px solid transparent;border-radius:var(--r-sm);padding:10px;resize:none;outline:none;cursor:pointer;transition:border-color .15s,color .15s;white-space:pre-wrap;word-break:break-word}.co-prompt-field:focus,.co-prompt-field.editing{color:var(--ink);border-color:var(--border);cursor:text;resize:vertical}.co-prompt-field:focus{border-color:var(--coral)}.co-prompt-edited{border-color:var(--amber)!important}.co-prompt-loading{opacity:.4;pointer-events:none}.co-prompt-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--coral);border-radius:50%;animation:coSpin .6s linear infinite}@keyframes coSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.co-prompt-section .co-style-options{margin-top:10px}.co-style-reset-pill{border-style:dashed}.co-style-reset-pill:hover:not(:disabled){border-color:var(--ink-muted);color:var(--ink)}.co-style-reset-pill.on{background:var(--ink-muted);border-color:var(--ink-muted);border-style:solid;color:#fff}.co-templates-section{margin-top:10px;display:flex;flex-direction:column;gap:4px}.co-templates-empty{font-size:11px;color:var(--ink-muted);padding:6px 0}.co-template-row{display:flex;align-items:center;gap:6px}.co-template-name{flex:1;padding:6px 10px;font-size:12px;color:var(--ink-soft);background:var(--cream);border:1px solid var(--border-light);border-radius:var(--r-sm);text-align:left;cursor:pointer;transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-template-name:hover{border-color:var(--coral-border);color:var(--coral)}.co-template-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);border-radius:var(--r-sm);cursor:pointer;flex-shrink:0;transition:all .15s}.co-template-delete:hover{background:#e2634a14;color:var(--coral)}.co-template-save-row{display:flex;gap:6px;align-items:center;margin-top:4px}.co-template-name-input{flex:1;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--cream);color:var(--ink);min-width:0}.co-template-name-input:focus{border-color:var(--coral);outline:none}.co-template-save-btn,.co-template-cancel-btn{padding:4px 10px;font-size:11px;font-weight:600;border-radius:var(--r-sm);cursor:pointer;transition:opacity .15s;white-space:nowrap}.co-template-save-btn{background:var(--coral);color:#fff;border:none}.co-template-save-btn:disabled{opacity:.4;cursor:not-allowed}.co-template-cancel-btn{background:none;border:1px solid var(--border);color:var(--ink-muted)}.co-template-cancel-btn:hover{border-color:var(--ink-muted)}.co-template-add-btn{padding:6px 0;font-size:11px;color:var(--ink-muted);background:none;border:none;cursor:pointer;text-align:left;transition:color .15s}.co-template-add-btn:hover{color:var(--coral)}.co-template-add-btn:disabled{opacity:.4;cursor:not-allowed}.co-import-tabs{display:flex;border-bottom:1px solid var(--border-light)}.co-import-tab{flex:1;padding:8px 4px;font-size:12px;font-weight:600;color:var(--ink-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.co-import-tab:hover{color:var(--ink-soft)}.co-import-tab.on{color:var(--coral);border-bottom-color:var(--coral)}.co-import-content{padding:12px;min-height:80px}.co-import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.co-import-item{display:flex;flex-direction:column;align-items:center;padding:0;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--cream);cursor:pointer;transition:border-color .15s,box-shadow .15s;overflow:hidden}.co-import-item:hover{border-color:var(--coral-border);box-shadow:var(--shadow-sm)}.co-import-item img{width:100%;display:block;border-radius:4px}.co-import-label{font-size:10px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.co-import-device{display:flex;align-items:center;justify-content:center;padding:24px 0}.co-import-upload-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;border-radius:var(--r-lg);border:2px dashed var(--border);background:none;color:var(--ink-muted);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.co-import-upload-btn:hover{border-color:var(--coral-border);color:var(--coral)}.co-import-empty{text-align:center;padding:24px 0;font-size:13px;color:var(--ink-muted);grid-column:1 / -1}.co-variations{display:flex;gap:6px;padding:8px 0 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.co-variations::-webkit-scrollbar{display:none}.co-var-thumb{width:40px;height:40px;border-radius:var(--r-sm);border:2px solid var(--border);background:var(--border-light);background-size:cover;background-position:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-muted);font-weight:600;cursor:pointer;transition:border-color .15s}.co-var-wrap{position:relative;flex-shrink:0}.co-var-delete{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--cream);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s;z-index:2;padding:0}.co-var-delete:after{content:"";position:absolute;inset:-10px}.co-var-wrap:hover .co-var-delete{opacity:1;transform:scale(1)}.co-var-delete:hover{background:var(--coral)}.co-var-thumb:hover{border-color:var(--ink-muted)}.co-var-thumb.on{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral)}.co-var-thumb.video{position:relative;overflow:hidden}.co-var-video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit}.co-var-thumb.video svg{color:var(--ink-muted)}.co-var-generating{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-story-loading{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-left:3px solid var(--border-light);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#00000004;margin:8px 0}.co-story-shimmer{height:14px;border-radius:7px;background:linear-gradient(110deg,var(--border-light) 30%,var(--cream) 50%,var(--border-light) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.co-no-key{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:13px;color:var(--ink-muted);line-height:1.5}.co-no-key svg{flex-shrink:0;opacity:.5}.co-story-options{display:flex;flex-direction:column;gap:6px;margin:2px 0 8px;max-height:50dvh;overflow-y:auto;overscroll-behavior:contain}.co-story-prompt{font-size:15px;font-weight:500;color:var(--ink-soft);font-family:var(--font-label);margin:8px 0 4px;line-height:2.2}.co-prompt-actions{display:inline-flex;gap:6px;margin-left:4px;vertical-align:baseline}.co-radical-group{display:inline}.co-inline-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:8px;background:var(--cream);border:1px solid var(--border);vertical-align:baseline;cursor:default;transition:all .15s ease}.co-inline-chip .rc-char{font-size:16px;line-height:1}.co-inline-chip .rc-pinyin{font-family:var(--font-display);font-size:9px;font-weight:500;color:var(--coral)}.co-inline-chip .rc-name{font-size:10px;font-weight:600;letter-spacing:.3px;color:var(--ink-muted)}.co-inline-chip.expandable{cursor:pointer;background:#e9a84c0f;border-color:#e9a84c38}.co-inline-chip.expandable:hover{background:#e9a84c1f;border-color:#e9a84c66}.co-inline-chip.expanded{background:#e9a84c26;border-color:var(--amber)}.co-inline-chip.sub{padding:2px 6px 2px 4px;background:#00000005;border-color:var(--border-light);margin-left:2px}.co-inline-chip.sub .rc-char{font-size:14px}.co-inline-chip.sub .rc-pinyin{font-size:8px}.co-inline-chip.sub .rc-name{font-size:9px}.co-inline-chip.char-chip{background:#e2634a0f;border-color:#e2634a33}.co-inline-chip.char-chip .rc-char{font-size:18px}.co-chip-chevron{transition:transform .2s ease;opacity:.6;color:var(--amber);flex-shrink:0}.co-chip-chevron.open{transform:rotate(90deg)}.co-prompt-sep{color:var(--ink-muted)}.co-inline-chip.char-chip .rc-name{font-weight:500;color:var(--ink-soft);font-style:italic}.co-story-option{padding:10px 12px;border-left:3px solid var(--border);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#00000004;cursor:pointer;transition:border-color .2s,background .2s}.co-story-option:hover{background:#00000008}.co-story-option.selected{border-left-color:var(--coral);background:#00000006}.co-see-others{background:none;border:none;font-size:10px;font-family:var(--font-label);color:var(--ink-faint, rgba(0,0,0,.3));cursor:pointer;padding:2px 0;text-align:right;align-self:flex-end;transition:color .15s;letter-spacing:.02em}.co-see-others:hover{color:var(--ink-muted)}.co-story-action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;font-family:var(--font-label);color:var(--ink-muted);background:none;border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.co-story-action-btn:hover{background:#0000000a;color:var(--ink);border-color:var(--ink-muted)}.co-story-action-btn:disabled{opacity:.4;cursor:default}.co-story-field{position:relative;padding:12px 14px;border-left:3px solid var(--border);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#00000004;margin:8px 0;cursor:text;transition:border-color .2s,background .2s}.co-story-field:hover{border-left-color:var(--ink-muted);background:#00000006}.co-story-edit-icon{position:absolute;bottom:8px;right:8px;color:var(--ink-muted);opacity:.4;background:#fdfbf7d9;border-radius:4px;padding:2px;transition:opacity .2s ease;pointer-events:none}.co-story-field:hover .co-story-edit-icon{opacity:.7}.co-story-field.editing .co-story-edit-icon{display:none}.co-story-field.editing{border-left-color:var(--coral);background:var(--white)}.co-story-field.editing.inline{margin:0}.co-story-text{font-style:italic;font-size:15px;line-height:1.7;color:var(--ink-soft);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.co-story-text.revealed{opacity:1;transform:translateY(0)}.co-story-emoji{font-style:normal;margin-right:6px}.co-story-input{width:100%;min-height:1.7em;border:none;outline:none;background:none;font-family:var(--font-body);font-size:15px;font-style:italic;line-height:1.7;color:var(--ink-soft);resize:none;field-sizing:content}.co-ai-btn{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;color:var(--coral);background:var(--white);border:1px solid var(--coral-border);border-radius:20px;cursor:pointer;transition:background .15s,color .15s;box-shadow:var(--shadow-sm)}.co-ai-btn:hover{background:var(--coral);color:#fff}.co-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.co-title-row .wc-title{margin-bottom:0;min-width:0;flex-shrink:1;overflow:hidden}.co-tags-inline{display:flex;align-items:center;gap:5px;flex-shrink:0}.co-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0}.co-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:20px;white-space:nowrap}.co-tag.system{background:var(--sage-light);color:var(--sage);border:1px solid var(--sage-border)}.co-tag.personal{background:var(--amber-light);color:var(--amber);border:1px solid rgba(233,168,76,.25);cursor:pointer;transition:opacity .15s}.co-tag.personal:hover{opacity:.7}.co-tag.personal svg{opacity:0;transition:opacity .15s}.co-tag.personal:hover svg{opacity:1}.co-tag.add{background:none;color:var(--ink-muted);border:1px dashed var(--border);cursor:pointer;transition:border-color .15s,color .15s;padding:3px 8px;min-width:24px;justify-content:center}.co-tag.add:hover{border-color:var(--ink-muted);color:var(--ink-soft)}.co-tag-input{padding:3px 8px;font-size:11px;font-weight:600;border-radius:20px;border:1px solid var(--coral-border);background:var(--white);color:var(--ink);outline:none;font-family:var(--font-body);min-width:56px;max-width:100px}.co-actions{display:flex;align-items:center;gap:8px;padding:12px 0 4px}.co-action-tool{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border, #e0dcd4);border-radius:var(--r-lg);background:transparent;color:var(--text-light);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.co-action-tool:hover{border-color:var(--coral);color:var(--coral)}.co-action-tool.on{border-color:var(--coral);background:var(--coral);color:#fff}.co-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:var(--r-lg);font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all .15s;border:1.5px solid transparent}.co-btn:disabled{opacity:.4;cursor:not-allowed}.co-btn-generate{background:var(--coral);color:#fff;border-color:var(--coral)}.co-btn-generate:not(:disabled):hover{background:#d45840;border-color:#d45840}.co-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:640px){.co-backdrop{align-items:center}.co-panel{max-width:680px;border-radius:var(--r-xl);max-height:94dvh}.co-handle{display:none}.co-hero{aspect-ratio:3 / 2}.co-body{padding:16px 28px 28px}}@media(min-width:1024px){.co-panel{max-width:780px}}@media(min-width:768px){.app-header{display:flex}.app-logo{font-size:25px}.mobile-search{display:none}.desktop-nav{margin-left:auto;display:flex;gap:20px}.desktop-nav button{font-size:13px;font-weight:500;color:var(--ink-muted);border:none;background:none;cursor:pointer;padding:4px 0}.desktop-nav button.on{color:var(--ink);font-weight:600}.bottom-nav{display:none}.filter-tags-wrap{max-width:620px;margin:0 auto;width:100%;padding:16px 24px 20px}.filter-tag{padding:6px 14px;font-size:12px}.filter-tags{gap:8px}.feed{padding:16px 24px 24px;max-width:640px;margin:0 auto}.wc-video-bg{aspect-ratio:16 / 9}.wc-play{width:72px;height:72px}.wc-play-tri{border-left-width:20px;border-top-width:12px;border-bottom-width:12px}.wc-body{padding:20px 24px 18px}.wc-title .ct-char{font-size:32px}.wc-title .ct-pinyin,.wc-title .ct-sep,.wc-title .ct-def{font-size:16px}.wc-util-btn{font-size:11px}.wc-story{font-size:17px}.wc-rad-chip{padding:4px 10px 4px 6px}.wc-rad-chip .rc-char{font-size:18px}.wc-rad-chip .rc-pinyin{font-size:10px}.wc-rad-chip .rc-name{font-size:11px}.wc-act{width:32px;height:32px;font-size:16px}.wc-toggle{width:32px;height:32px}.wc-hero-label{bottom:14px;left:14px;padding:5px 12px}.wc-hero-dots{bottom:14px}.wc-hero-dot{width:7px;height:7px}.wc-hero-dot.on{width:18px}}@media(max-width:767px){.app-header,.desktop-nav{display:none}}.settings-trigger{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:all .2s ease;border:1.5px solid var(--border);background:var(--white);flex-shrink:0}.settings-trigger:hover{background:var(--border-light);border-color:var(--ink-muted);color:var(--ink)}.settings-trigger svg{width:18px;height:18px}.settings-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-light);font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}.settings-close{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink-muted);transition:all .15s ease}.settings-close:hover{background:var(--border-light);color:var(--ink)}.settings-body{padding:16px;display:flex;flex-direction:column;gap:20px}.settings-group{display:flex;flex-direction:column;gap:8px}.settings-group label{font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.api-key-input-wrapper{position:relative;display:flex;align-items:center}.api-key-input{flex:1;padding:10px 40px 10px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-family:monospace;color:var(--ink);transition:all .15s ease}.api-key-input:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px #e2634a1a}.api-key-toggle{position:absolute;right:8px;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);transition:all .15s ease}.api-key-toggle:hover{background:var(--border-light);color:var(--ink)}.api-key-link{font-size:12px;color:var(--coral);text-decoration:none;transition:opacity .15s ease}.api-key-link:hover{opacity:.7}.model-options{display:flex;flex-direction:column;gap:8px}.model-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all .15s ease}.model-option:hover{border-color:var(--coral);background:#e2634a05}.model-option input[type=radio]{margin-top:2px;cursor:pointer;accent-color:var(--coral)}.model-option-content{display:flex;flex-direction:column;gap:2px;flex:1}.model-name{font-size:13px;font-weight:600;color:var(--ink)}.model-desc{font-size:11px;color:var(--ink-muted)}.settings-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light)}.settings-cancel,.settings-save{flex:1;padding:10px;border-radius:var(--r-sm);font-size:13px;font-weight:600;transition:all .15s ease}.settings-cancel{border:1.5px solid var(--border);color:var(--ink-soft)}.settings-cancel:hover{background:var(--border-light)}.settings-save{background:var(--coral);color:var(--white);border:1.5px solid var(--coral)}.settings-save:hover{background:#d45840;border-color:#d45840}.settings-dropdown{position:relative}.settings-trigger{padding:8px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);background:none;border:none;cursor:pointer;transition:color .2s}.settings-trigger:hover{color:var(--ink)}.settings-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:280px;max-width:320px;z-index:1000;overflow:hidden}.settings-section{padding:16px;border-bottom:1px solid var(--border-light)}.settings-section:last-child{border-bottom:none}.settings-label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);margin-bottom:12px}.settings-input-group{margin-bottom:16px}.input-label{display:block;font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--ink);margin-bottom:6px}.settings-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;color:var(--ink);background:var(--white);transition:border-color .2s,box-shadow .2s}.settings-input:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px #e2634a1a}.settings-input::placeholder{color:var(--ink-muted)}.settings-radio-group{display:flex;flex-direction:column;gap:0}@media(max-width:767px){.settings-menu{position:fixed;inset:auto 16px 16px;min-width:auto}}.identity-badge-wrap{position:relative;flex-shrink:0}.identity-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);color:var(--ink);font-family:var(--font-display);font-size:13px;font-weight:500;transition:all .2s ease;cursor:pointer;white-space:nowrap}.identity-trigger:hover{border-color:var(--coral);background:#e2634a0f;color:var(--coral)}.id-emoji{font-size:16px;line-height:1}.id-initials{font-weight:700;font-size:12px;letter-spacing:.5px;color:inherit}.id-placeholder{width:60px;height:14px;border-radius:4px;background:var(--border-light)}.identity-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:280px;max-width:320px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}.identity-card{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-light)}.idc-emoji{font-size:28px;line-height:1}.idc-info{display:flex;flex-direction:column;gap:2px}.idc-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.idc-sub{font-size:12px;color:var(--ink-muted);font-weight:500}.identity-section{padding:16px}.identity-section .input-label{display:block;font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--ink);margin-bottom:6px}@media(max-width:767px){.identity-menu{position:fixed;inset:auto 16px 16px;min-width:auto}}.eval-page{padding:20px 24px 100px;max-width:1200px;margin:0 auto;width:100%}.eval-header{margin-bottom:20px}.eval-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink);margin-bottom:4px}.eval-subtitle{font-size:14px;color:var(--ink-muted)}.eval-chars{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;margin-bottom:16px;scrollbar-width:none}.eval-char-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);white-space:nowrap;transition:all .15s ease;cursor:pointer;flex-shrink:0}.eval-char-pill:hover:not(.on){border-color:var(--coral);background:#e2634a0a}.eval-char-pill.on:hover{background:#d45a43;border-color:#d45a43}.eval-char-pill.on{background:var(--coral);border-color:var(--coral);color:var(--white)}.eval-char-han{font-size:18px;line-height:1}.eval-char-meta{font-size:11px;font-weight:500;opacity:.7}.eval-char-info{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}.eval-info-char{font-size:32px;line-height:1}.eval-info-pinyin{font-family:var(--font-display);font-size:16px;color:var(--coral);font-weight:500}.eval-info-def{font-size:14px;color:var(--ink-soft)}.eval-info-ids{font-family:monospace;font-size:14px;color:var(--ink-muted);padding:2px 8px;background:var(--border-light);border-radius:4px}.eval-info-cat{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--white);background:var(--ink-muted);padding:2px 8px;border-radius:100px}.eval-story{font-size:14px;font-style:italic;color:var(--ink-soft);margin-bottom:16px;padding:12px 14px;background:var(--cream);border-radius:var(--r-sm);line-height:1.6}.eval-story-label{font-style:normal;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);display:block;margin-bottom:4px}.eval-actions-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.eval-gen-all-btn{padding:10px 20px;background:var(--coral);color:var(--white);border-radius:var(--r-sm);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.eval-gen-all-btn:hover:not(:disabled){background:#d45840}.eval-gen-all-btn:disabled{opacity:.5;cursor:default}.eval-count{font-size:13px;color:var(--ink-muted)}.eval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.eval-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.eval-card-rank{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--cream);border-bottom:1px solid var(--border-light)}.eval-rank-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.eval-rank-btn:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}.eval-rank-btn:disabled{opacity:.3;cursor:default}.eval-rank-num{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);min-width:32px;text-align:center}.eval-card-image{overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;min-height:180px}.eval-card-image img{width:100%;max-height:400px;object-fit:contain}.eval-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}.eval-card-meta{display:flex;align-items:center;gap:8px}.eval-card-variant-name{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink)}.eval-card-model{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:100px;background:var(--cream);color:var(--ink-muted);border:1px solid var(--border);flex-shrink:0}.eval-prompt-toggle{font-size:11px;font-weight:600;color:var(--coral);cursor:pointer;text-align:left;padding:0}.eval-prompt-text{font-size:11px;line-height:1.5;color:var(--ink-soft);background:var(--cream);padding:10px;border-radius:var(--r-sm);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;font-family:monospace}.eval-card-toggles{display:flex;gap:12px}.eval-ref-images{display:flex;gap:10px;padding:8px;background:var(--cream);border-radius:var(--r-sm)}.eval-ref-item{display:flex;flex-direction:column;gap:4px;align-items:center}.eval-ref-item img{width:80px;height:80px;object-fit:contain;border-radius:4px;border:1px solid var(--border);background:#fff}.eval-ref-label{font-size:10px;font-weight:600;color:var(--ink-soft);font-family:var(--font-data)}.eval-ref-loading{font-size:10px;color:var(--ink-muted)}.eval-note{font-size:13px;line-height:1.5;color:var(--ink);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;resize:vertical;font-family:var(--font-body);transition:border-color .15s ease}.eval-note:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px #e2634a14}.eval-note::placeholder{color:var(--ink-muted)}.eval-delete-btn{font-size:11px;font-weight:600;color:var(--ink-muted);cursor:pointer;padding:4px 0;text-align:left;transition:color .15s ease}.eval-delete-btn:hover{color:var(--coral)}.eval-editor{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:20px;display:flex;flex-direction:column;gap:12px}.eval-editor-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.eval-variant-pills{display:flex;gap:6px;flex-wrap:wrap}.eval-variant-pill{padding:6px 12px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.eval-variant-pill:hover:not(.on){border-color:var(--coral);color:var(--ink-soft)}.eval-variant-pill.on:hover{background:#d45a43;border-color:#d45a43}.eval-variant-pill.on{background:var(--coral);border-color:var(--coral);color:var(--white)}.eval-model-row{display:flex;align-items:center;gap:6px}.eval-model-label{font-size:12px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.eval-model-pill{padding:6px 12px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all .15s ease}.eval-model-pill:hover{border-color:var(--sage);color:var(--ink-soft)}.eval-model-pill.on{background:var(--sage);border-color:var(--sage);color:var(--white)}.eval-name-row{display:flex;align-items:center;gap:8px}.eval-name-label{font-size:12px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.eval-name-input{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;color:var(--ink);background:var(--white);transition:border-color .15s ease}.eval-name-input:focus{outline:none;border-color:var(--coral)}.eval-vars-ref{font-size:11px;color:var(--ink-muted);font-family:monospace;padding:6px 10px;background:var(--cream);border-radius:var(--r-sm)}.eval-prompt-editor{font-size:13px;line-height:1.6;color:var(--ink);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px;resize:vertical;font-family:monospace;min-height:200px;transition:border-color .15s ease}.eval-prompt-editor:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px #e2634a14}.eval-prompt-editor::placeholder{color:var(--ink-muted);font-family:var(--font-body)}.eval-generate-row{display:flex;align-items:center;gap:12px}.eval-generate-btn{padding:12px 24px;background:var(--coral);color:var(--white);border-radius:var(--r-sm);font-family:var(--font-display);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.eval-repeat-pills{display:flex;gap:4px}.eval-repeat-pill{padding:6px 10px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:transparent;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .12s ease}.eval-repeat-pill.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.eval-generate-btn:hover:not(:disabled){background:#d45840}.eval-generate-btn:disabled{opacity:.5;cursor:default}@media(max-width:767px){.eval-page{padding:16px 16px 100px}.eval-grid{grid-template-columns:1fr}.eval-title{font-size:20px}}.eval-tab-bar{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border-light);padding-bottom:0}.eval-tab{padding:10px 20px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease;cursor:pointer}.eval-tab:hover{color:var(--ink-soft)}.eval-tab.on{color:var(--coral);border-bottom-color:var(--coral)}.eval-card-video{overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;min-height:180px}.eval-card-video video{width:100%;max-height:400px;display:block;cursor:pointer}.eval-card-mode-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:100px;background:#7bae7f1f;color:var(--sage);border:1px solid rgba(123,174,127,.3);flex-shrink:0}.eval-card-duration{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--ink-muted)}.eval-card-source{display:flex;align-items:center;gap:8px}.eval-card-source-label{font-size:11px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.eval-card-source-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border)}.eval-ref-section{display:flex;flex-direction:column;gap:8px}.eval-ref-toggle{display:flex;align-items:center;gap:6px;font-size:13px;font-family:var(--font-label);color:var(--ink);cursor:pointer}.eval-ref-toggle input[type=checkbox]{accent-color:var(--coral);cursor:pointer}.eval-char-preview-grid{display:flex;gap:8px;flex-wrap:wrap}.eval-char-preview-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid var(--border);border-radius:var(--r-sm);background:var(--cream);cursor:pointer;transition:all .15s ease}.eval-char-preview-btn img{width:72px;height:72px;object-fit:contain;border-radius:2px}.eval-char-preview-btn:hover{border-color:var(--coral)}.eval-char-preview-btn.on{border-color:var(--coral);box-shadow:0 0 0 2px #e2634a33}.eval-char-preview-label{font-size:10px;font-family:var(--font-label);color:var(--ink-muted)}.eval-ref-prefix{font-size:12px;font-family:var(--font-label);color:var(--coral);background:#e2634a0f;border:1px solid rgba(226,99,74,.15);border-radius:var(--r-sm);padding:8px 10px;margin:0;width:100%;resize:vertical;box-sizing:border-box;line-height:1.5}.eval-ref-prefix::placeholder{color:#e2634a66}.eval-source-picker{display:flex;flex-direction:column;gap:8px}.eval-source-grid{display:flex;gap:6px;flex-wrap:wrap}.eval-source-thumb-btn{width:64px;height:64px;border-radius:var(--r-sm);border:2px solid var(--border);overflow:hidden;padding:0;cursor:pointer;transition:all .15s ease;flex-shrink:0}.eval-source-thumb-btn img{width:100%;height:100%;object-fit:cover}.eval-source-thumb-btn:hover{border-color:var(--coral)}.eval-source-thumb-btn.on{border-color:var(--coral);box-shadow:0 0 0 2px #e2634a33}.eval-source-thumb-btn.eval-source-none{display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-label);color:var(--ink-muted);background:var(--cream)}.eval-source-thumb-btn.eval-source-none.on{color:var(--coral)}.eval-source-empty{font-size:12px;color:var(--ink-muted);font-style:italic;padding:8px 0}.wc-body-inner{overflow:hidden;padding-bottom:4px}@keyframes hlFadeIn{0%{opacity:0;text-shadow:0 0 12px rgba(226,99,74,.5)}50%{text-shadow:0 0 12px rgba(226,99,74,.5)}to{opacity:1;text-shadow:none}}.wc-gen-stage{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:var(--ink-muted);font-style:italic}.gen-stage-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);animation:stagePulse 1s ease-in-out infinite}@keyframes stagePulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.gen-stage-text{animation:stageTextIn .3s ease}@keyframes stageTextIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.wc-rad-chip.chip-pulse{animation:chipPulse .6s ease}@keyframes chipPulse{0%{transform:scale(1);box-shadow:none}30%{transform:scale(1.1);box-shadow:0 0 12px #e2634a4d;border-color:var(--coral)}to{transform:scale(1);box-shadow:none}}.wc-act.fav-bounce{animation:favBounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes favBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}.wc-util-btn.listen-active{color:var(--coral);position:relative}.listen-ripple{position:absolute;inset:-4px;border-radius:var(--r-sm);opacity:0;animation:listenRipple 1.2s ease-in-out infinite;pointer-events:none}@keyframes listenRipple{0%,to{opacity:0}50%{opacity:.1}}.wc-badge.radical-badge.dragging{transform-origin:center center}[data-card]{scroll-margin-top:15vh}.search-bar-wrap{position:relative;flex:1}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:50;overflow:hidden;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-suggestions{padding:4px 0}.search-suggestion{display:flex;align-items:center;gap:8px;padding:8px 14px;width:100%;text-align:left;transition:background .1s ease;cursor:pointer}.search-suggestion:hover{background:var(--cream)}.ss-char{font-size:20px;line-height:1;flex-shrink:0;width:28px;text-align:center}.ss-pinyin{font-family:var(--font-display);font-size:11px;font-weight:500;color:var(--coral);flex-shrink:0}.ss-def{font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-recent{padding:10px 14px}.search-recent-label{font-family:var(--font-display);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted);margin-bottom:8px}.search-recent-pills{display:flex;flex-wrap:wrap;gap:6px}.search-recent-pill{padding:4px 10px;border-radius:100px;font-size:12px;background:var(--cream);border:1px solid var(--border);color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.search-recent-pill:hover{background:var(--coral-light);border-color:var(--coral-border);color:var(--coral)}.search-suggest-pill{background:transparent;border-color:var(--border);color:var(--ink-muted)}.search-personal-tag-pill{background:var(--amber-light);border-color:#e9a84c40;color:var(--amber)}.search-personal-tag-pill:hover{background:#e9a84c33;border-color:var(--amber);color:var(--amber)}.search-dice{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--ink-muted);flex-shrink:0;cursor:pointer;transition:background .15s ease,color .15s ease}.search-dice:after{content:"";position:absolute;inset:-10px}.search-dice:hover{background:var(--border-light);color:var(--ink)}.search-dice.rolling{animation:diceRoll .5s cubic-bezier(.2,0,0,1)}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}30%{transform:rotate(180deg) scale(.85)}60%{transform:rotate(300deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.collection-view{flex:1;padding:0 16px 24px;max-width:620px;width:100%;margin:0 auto}.collection-toolbar{display:flex;align-items:center;padding:12px 0;gap:12px}.collection-review-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;min-height:44px;border-radius:100px;font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--white);background:var(--coral);border:none;transition:all .15s ease;cursor:pointer}.collection-review-btn:hover{background:#d45840}.collection-grid{display:flex;flex-direction:column;gap:16px}.mastery-badge{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.3px;border:1.5px solid;background:var(--white);transition:all .15s ease;cursor:pointer}.mastery-badge:hover{filter:brightness(.92)}.mastery-dot{width:6px;height:6px;border-radius:50%}.ro-backdrop{position:fixed;inset:0;z-index:100;background:#0006;display:flex;align-items:center;justify-content:center;animation:roFadeIn .2s ease}.ro-overlay{background:var(--cream);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.ro-header{display:flex;align-items:center;gap:16px;padding:16px 20px 8px;flex-shrink:0}.ro-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);color:var(--ink-soft);cursor:pointer;transition:all .15s ease;flex-shrink:0}.ro-close:hover{border-color:var(--ink-muted);color:var(--ink)}.ro-count{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink-muted);margin-left:auto}.ro-progress-bar{height:3px;margin:0 20px;border-radius:2px;background:var(--border-light);overflow:hidden;flex-shrink:0}.ro-progress-fill{height:100%;background:var(--coral);border-radius:2px;transition:width .3s ease}.ro-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:20px;min-height:0}.ro-card{width:100%;max-width:420px;aspect-ratio:4 / 3;perspective:1000px;cursor:pointer;position:relative}.ro-card-front,.ro-card-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-md);backface-visibility:hidden;transition:transform .45s cubic-bezier(.4,0,.2,1);padding:28px;overflow:hidden}.ro-card-back{transform:rotateY(180deg);justify-content:flex-start;gap:16px;padding-top:32px}.ro-flipped .ro-card-front{transform:rotateY(-180deg)}.ro-flipped .ro-card-back{transform:rotateY(0)}.ro-slide-next .ro-card-front,.ro-slide-next .ro-card-back,.ro-slide-prev .ro-card-front,.ro-slide-prev .ro-card-back{animation:roSlideIn .25s ease}.ro-char{font-size:80px;line-height:1}.ro-pinyin{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--coral)}.ro-hint{font-size:12px;color:var(--ink-muted);margin-top:12px;letter-spacing:.5px;text-transform:lowercase}.ro-back-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center}.ro-back-char{font-size:32px;line-height:1}.ro-back-pinyin{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--coral)}.ro-back-sep{color:var(--ink-muted)}.ro-back-def{font-size:15px;color:var(--ink-soft)}.ro-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ro-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;background:var(--cream);border:1px solid var(--border);font-size:12px;color:var(--ink-soft)}.ro-chip-char{font-weight:600;color:var(--ink)}.ro-etymology{font-size:13px;line-height:1.6;color:var(--ink-soft);text-align:center;max-width:320px;margin:0}.ro-mastery-row{display:flex;gap:8px;flex-shrink:0}.ro-mastery-btn{padding:7px 16px;border-radius:100px;font-size:12px;font-weight:600;font-family:var(--font-display);border:1.5px solid var(--mastery-color);color:var(--mastery-color);background:transparent;transition:all .15s ease;cursor:pointer}.ro-mastery-btn:hover{transform:scale(1.05)}.ro-mastery-btn.active{background:var(--mastery-color);color:var(--white)}.ro-nav{display:flex;gap:12px;align-items:center;padding:0 20px 24px;justify-content:center;flex-shrink:0}.ro-nav-btn{display:flex;align-items:center;gap:4px;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:600;font-family:var(--font-display);color:var(--ink-muted);border:1.5px solid var(--border);background:var(--white);transition:all .15s ease;cursor:pointer}.ro-nav-btn:disabled{opacity:.3;cursor:default}.ro-nav-btn:not(:disabled):hover{border-color:var(--ink-muted);color:var(--ink)}.ro-nav-primary{background:var(--coral);color:var(--white);border-color:var(--coral)}.ro-nav-primary:not(:disabled):hover{background:#d45840;border-color:#d45840}@keyframes roFadeIn{0%{opacity:0}to{opacity:1}}@keyframes roSlideIn{0%{opacity:.6;transform:translate(0) rotateY(inherit)}to{opacity:1;transform:translate(0) rotateY(inherit)}}@media(min-width:768px){.ro-overlay{width:560px;max-height:90vh;height:auto;border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.ro-body{padding:32px}}.img-preview-popover{position:fixed;z-index:1000;width:200px;height:200px;border-radius:10px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;pointer-events:none;animation:imgPreviewIn .15s ease-out}.img-preview-popover img{width:100%;height:100%;object-fit:cover;display:block}.img-preview-backdrop{position:fixed;inset:0;z-index:1000;background:#0000004d;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:imgPreviewFade .15s ease-out}.img-preview-modal{width:min(280px,70vw);aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0003}.img-preview-modal img{width:100%;height:100%;object-fit:cover;display:block}@keyframes imgPreviewIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes imgPreviewFade{0%{opacity:0}to{opacity:1}}@media(max-width:639px){.wc-hero-img{max-height:70vh}}@supports (-webkit-touch-callout: none){.search-bar input,.co-prompt-field,.co-template-name-input,.co-story-input,.co-tag-input,.api-key-input,.settings-input,.eval-name-input,.eval-prompt-editor,.eval-note{font-size:16px}}.study-login{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--cream, #faf8f4);padding:1.5rem}.study-login-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:380px;width:100%;box-shadow:0 2px 16px #0000000f;text-align:center}.study-login-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text, #1a1a1a)}.study-login-subtitle{color:var(--muted, #888);margin:0 0 1.5rem;font-size:.95rem}.study-login-input{display:block;width:100%;padding:.75rem 1rem;border:1px solid var(--border, #e0dcd4);border-radius:10px;font-size:1rem;outline:none;box-sizing:border-box;margin-bottom:.75rem;text-align:center;letter-spacing:.05em}.study-login-input:focus{border-color:var(--coral, #e07a5f)}.study-login-error{color:#d44;font-size:.85rem;margin:0 0 .75rem}.study-login-btn{display:block;width:100%;padding:.75rem;border:none;border-radius:10px;background:var(--coral, #e07a5f);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.study-login-btn:disabled{opacity:.5;cursor:not-allowed}.study-login-btn:hover:not(:disabled){opacity:.9}.study-progress{padding:1rem 1.5rem 0}.study-progress-bar{height:4px;background:var(--border, #e0dcd4);border-radius:2px;overflow:hidden}.study-progress-fill{height:100%;background:var(--coral, #e07a5f);border-radius:2px;transition:width .3s ease}.study-progress-dots{display:flex;justify-content:space-between;margin-top:6px}.study-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border, #e0dcd4);transition:background .2s}.study-progress-dot--done{background:var(--coral, #e07a5f)}.study-progress-dot--active{background:var(--coral, #e07a5f);box-shadow:0 0 0 3px #e07a5f40}.study-flow{min-height:100dvh;background:var(--cream, #faf8f4)}.study-flow-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;color:var(--muted, #888)}.study-flow-char{font-size:1.3rem;font-weight:700;color:var(--text, #1a1a1a)}.study-flow-condition{background:var(--border, #e0dcd4);padding:2px 8px;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.study-flow-step{margin-left:auto}.study-condition{padding:0 1rem 2rem;max-width:640px;margin:0 auto}.study-condition--cocreate{padding:0}.study-card{background:#fff;border-radius:16px;padding:1.5rem;max-width:640px;margin:0 auto;box-shadow:0 1px 8px #0000000d}.study-card--loading,.study-card--error{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--muted, #888)}.study-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.study-card-char-block{display:flex;flex-direction:column;align-items:center;gap:4px}.study-card-character{font-size:3rem;font-weight:300;line-height:1}.study-card-audio{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;opacity:.5;transition:opacity .15s}.study-card-audio:hover,.study-card-audio--active{opacity:1}.study-card-info{display:flex;flex-direction:column;gap:2px}.study-card-pinyin{font-size:1.1rem;font-weight:600;color:var(--text, #1a1a1a)}.study-card-definition{color:var(--muted, #888);font-size:.95rem}.study-card-radicals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.study-card-radical-chip{background:none;border:1.5px solid;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.study-card-radical-chip:hover{background:#00000008}.study-card-hero{border-radius:12px;overflow:hidden;margin-bottom:1rem}.study-card-image{width:100%;display:block;border-radius:12px}.study-card-story{font-size:1rem;line-height:1.65;color:var(--text, #1a1a1a);padding:.75rem 0;border-top:1px solid var(--border, #e0dcd4)}.study-next-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:1.5rem auto 0;padding:12px 16px;border:2px solid var(--coral, #e07a5f);border-radius:var(--r-lg);background:var(--cream, #fdf6ee);color:var(--coral, #e07a5f);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;position:sticky;bottom:1rem;z-index:200}.study-next-btn:hover{background:var(--coral, #e07a5f);color:#fff}.study-skip-backdrop{position:fixed;inset:0;background:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:studySkipFadeIn .15s ease-out}@keyframes studySkipFadeIn{0%{opacity:0}to{opacity:1}}.study-skip-dialog{background:var(--cream, #fdf6ee);border-radius:var(--r-xl, 16px);padding:1.75rem 1.5rem 1.25rem;max-width:320px;width:100%;box-shadow:0 8px 32px #0000001f;animation:studySkipSlideUp .2s ease-out}@keyframes studySkipSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.study-skip-dialog p{margin:0 0 1.25rem;font-size:15px;line-height:1.5;color:var(--ink, #2c2c2c);text-align:center}.study-skip-actions{display:flex;gap:10px}.study-skip-btn{flex:1;padding:10px 16px;border-radius:var(--r-lg, 12px);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.study-skip-btn--back{background:var(--coral, #e07a5f);color:#fff;border:none}.study-skip-btn--back:hover{background:#d45840}.study-skip-btn--skip{background:transparent;color:var(--muted, #9a9489);border:1.5px solid var(--border, #e0dcd4)}.study-skip-btn--skip:hover{background:var(--border, #e0dcd4);color:var(--ink, #2c2c2c)}.study-cocreate-wrapper{padding:0 1rem 4rem;max-width:640px;margin:0 auto}.study-cocreate-wrapper .co-backdrop{position:relative;background:transparent;min-height:auto;display:block}.co-panel--study{position:relative;transform:none!important;max-height:none;border-radius:16px;box-shadow:0 1px 8px #0000000d;background:#fff;overflow:visible}.co-study-inline{position:relative;background:transparent;pointer-events:auto;display:block}.co-study-inline .co-panel{position:relative;transform:none;max-height:none}.study-transition{display:flex;align-items:center;justify-content:center;min-height:60dvh;padding:2rem}.study-transition-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center;box-shadow:0 2px 16px #0000000f}.study-transition-message{font-size:1.1rem;line-height:1.6;color:var(--text, #1a1a1a);margin:0 0 2rem}.study-transition-btn{padding:.75rem 2rem;border:none;border-radius:10px;background:var(--coral, #e07a5f);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.study-completion{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--cream, #faf8f4);padding:2rem}.study-completion-card{background:#fff;border-radius:16px;padding:3rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 2px 16px #0000000f}.study-completion-check{font-size:3rem;color:var(--sage, #7BAE7F);margin-bottom:1rem}.study-completion-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.study-completion-body{color:var(--muted, #888);margin:0 0 2rem;line-height:1.6}.study-completion-btn{padding:.6rem 1.5rem;border:1px solid var(--border, #e0dcd4);border-radius:10px;background:#fff;color:var(--text, #1a1a1a);font-size:.9rem;cursor:pointer}.study-intro-card{background:#fff;border-radius:16px;padding:1.5rem;max-width:640px;margin:1.5rem auto 0;box-shadow:0 1px 8px #0000000d}.study-intro-full-def{font-size:14px;color:var(--ink-muted, #888);line-height:1.5;padding:.5rem 0;border-top:1px solid var(--border, #e0dcd4)}.study-waiting{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 80px);padding:2rem}.study-waiting-card{background:#fff;border-radius:16px;padding:3rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 2px 16px #0000000f}.study-waiting-icon{font-size:3rem;margin-bottom:1rem}.study-waiting-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.study-waiting-body{color:var(--muted, #888);margin:0;line-height:1.6}.study-test{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;padding:2rem 1rem}.study-test-progress{font-size:.85rem;color:var(--muted, #888);margin-bottom:1.5rem;font-variant-numeric:tabular-nums}.study-test-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px}.study-test-prompt{font-size:1.1rem;color:var(--text, #2c2c2c);text-align:center;line-height:1.5}.study-test-char{font-size:3rem;font-weight:700;color:var(--text, #2c2c2c);line-height:1}.study-test-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1.5px solid var(--border, #e0dcd4);border-radius:var(--r-lg, 12px);background:#fff;color:var(--text, #2c2c2c);outline:none;transition:border-color .2s}.study-test-input:focus{border-color:var(--coral, #e07a5f)}.study-test-input:disabled{opacity:.5}.study-test-submit{padding:.7rem 2.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--r-lg, 12px);background:var(--coral, #e07a5f);color:#fff;cursor:pointer;transition:opacity .2s,transform .15s}.study-test-submit:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.study-test-submit:disabled{opacity:.4;cursor:default}.study-test-skip{background:transparent;color:var(--muted, #888);border:1px solid var(--border, #e0e0e0);font-weight:400;font-size:.85rem;white-space:nowrap}.study-test-skip:hover:not(:disabled){background:var(--bg-hover, #f5f5f5);opacity:1;transform:none}.study-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.study-test-option{display:flex;align-items:center;justify-content:center;font-size:2.5rem;padding:1rem .5rem;border:2px solid var(--border, #e0dcd4);border-radius:var(--r-lg, 12px);background:#fff;color:var(--text, #2c2c2c);cursor:pointer;transition:border-color .2s,background .2s,transform .15s;min-height:80px}.study-test-option:hover:not(:disabled){border-color:var(--coral, #e07a5f);transform:scale(1.03)}.study-test-option:disabled{cursor:default}.study-test-option--selected{border-color:var(--coral, #e07a5f);background:#e07a5f14}.study-test-option--correct{border-color:var(--sage, #7BAE7F);background:#7bae7f26}.study-test-option--incorrect{border-color:#d9534f;background:#d9534f1f}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-60px);opacity:0}}@keyframes slideInRight{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.study-test-slide-out{animation:slideOutLeft .3s ease-in forwards}.study-test-slide-in{animation:slideInRight .3s ease-out forwards}@media(max-width:480px){.study-test-grid{grid-template-columns:repeat(2,1fr)}.study-test-option{font-size:2rem;min-height:64px}}.study-dashboard{min-height:100dvh;background:var(--cream, #faf8f4);padding:1.5rem;max-width:1100px;margin:0 auto}.study-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.study-dashboard-header h1{font-size:1.3rem;font-weight:700;margin:0}.study-dashboard-export{padding:.5rem 1rem;border:1px solid var(--border, #e0dcd4);border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:600}.study-dashboard-error{color:#d44;margin-bottom:1rem}.study-dashboard-section{margin-bottom:2rem}.study-dashboard-section h2{font-size:1.05rem;font-weight:600;margin:0 0 .75rem;color:var(--muted, #888);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.study-dashboard-cards{display:flex;flex-wrap:wrap;gap:12px}.study-participant-card{background:#fff;border-radius:12px;padding:1rem;min-width:160px;max-width:200px;cursor:pointer;border:2px solid transparent;transition:border-color .15s;box-shadow:0 1px 4px #0000000a}.study-participant-card:hover{border-color:var(--border, #e0dcd4)}.study-participant-card--selected{border-color:var(--coral, #e07a5f)}.study-participant-card--done{opacity:.6}.study-participant-card-id{font-weight:700;font-size:1rem;margin-bottom:4px}.study-participant-card-step{font-size:.85rem;color:var(--muted, #888)}.study-participant-card-char{font-size:1.2rem;margin-top:4px}.study-participant-card-cond{font-size:.75rem;color:var(--muted, #888);text-transform:uppercase}.study-participant-card-time{font-size:.8rem;color:var(--muted, #888);margin-top:2px}.study-participant-card-dots{display:flex;gap:3px;margin-top:8px;flex-wrap:wrap}.study-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--border, #e0dcd4)}.study-dot--done{background:var(--coral, #e07a5f)}.study-dot--active{background:var(--coral, #e07a5f);box-shadow:0 0 0 2px #e07a5f4d}.study-dashboard-detail{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.study-dashboard-metrics h3,.study-dashboard-timeline h3{font-size:.9rem;font-weight:600;margin:0 0 .75rem}.study-dashboard-events{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.study-dashboard-event{display:flex;gap:8px;align-items:center;font-size:.82rem;padding:3px 0;border-bottom:1px solid var(--border, #e0dcd4)}.study-dashboard-event-time{color:var(--muted, #888);min-width:70px}.study-dashboard-event-type{font-weight:600;font-size:.78rem;padding:1px 6px;border-radius:4px}.study-dashboard-event-type--co_create{background:#e07a5f1f;color:var(--coral, #e07a5f)}.study-dashboard-event-type--study{background:#7bae7f1f;color:var(--sage, #7BAE7F)}.study-dashboard-event-type--system{background:#0000000d;color:var(--muted, #888)}.study-dashboard-event-char{font-size:1rem}.study-dashboard-aggregate{display:flex;flex-wrap:wrap;gap:12px;background:#fff;border-radius:12px;padding:1rem}.study-stat{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:180px;padding:4px 0}.study-stat-label{color:var(--muted, #888);font-size:.85rem}.study-stat-value{font-weight:700;font-size:.95rem}.study-dashboard-empty{color:var(--muted, #888);font-style:italic}.study-manage-create{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.study-manage-input{padding:.5rem .75rem;border:1px solid var(--border, #e0dcd4);border-radius:8px;font-size:.85rem;outline:none;min-width:120px}.study-manage-input:focus{border-color:var(--coral, #e07a5f)}.study-manage-select{padding:.5rem .75rem;border:1px solid var(--border, #e0dcd4);border-radius:8px;font-size:.85rem;background:#fff}.study-manage-btn{padding:.4rem .75rem;border:1px solid var(--border, #e0dcd4);border-radius:6px;font-size:.8rem;cursor:pointer;background:#fff;transition:background .15s}.study-manage-btn:hover{background:#f5f5f5}.study-manage-btn--add{background:var(--coral, #e07a5f);color:#fff;border-color:var(--coral, #e07a5f);font-weight:600}.study-manage-btn--add:hover{opacity:.9;background:var(--coral)}.study-manage-btn--back{color:var(--sage, #7BAE7F);border-color:var(--sage, #7BAE7F);margin-right:4px}.study-manage-btn--back:disabled{opacity:.3;cursor:default}.study-manage-btn--unlock{color:#6b8ec4;border-color:#6b8ec4;margin-right:4px}.study-manage-btn--unlock:disabled{opacity:.3;cursor:default}.study-manage-btn--reset{color:var(--amber, #c4a24b);border-color:var(--amber, #c4a24b)}.study-manage-btn--delete{color:#d44;border-color:#d44;margin-left:4px}.study-manage-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff;border-radius:10px;overflow:hidden}.study-manage-table th{text-align:left;padding:.6rem .75rem;background:#f8f7f4;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted, #888);border-bottom:1px solid var(--border, #e0dcd4)}.study-manage-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border, #e0dcd4)}.study-manage-table code{background:#f5f3f0;padding:2px 6px;border-radius:4px;font-size:.82rem}@media(max-width:768px){.study-dashboard-detail{grid-template-columns:1fr}.study-manage-table{font-size:.78rem}.study-manage-table th,.study-manage-table td{padding:.4rem .5rem}}.sd-tabs{display:flex;gap:2px;background:var(--border, #e0dcd4);border-radius:8px;padding:2px;margin-bottom:1.25rem;width:fit-content}.sd-tab{padding:.45rem 1rem;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:.84rem;font-weight:500;color:var(--muted, #888);transition:all .15s}.sd-tab--active{background:#fff;color:#2c2c2c;box-shadow:0 1px 3px #0000000f;font-weight:600}.sd-tab:hover:not(.sd-tab--active){color:#2c2c2c}.sd-muted{color:var(--muted, #888);font-size:.82rem;font-style:italic}.sd-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.sd-char-card{background:#fff;border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000a}.sd-char-card-top{display:flex;align-items:center;justify-content:space-between}.sd-char-card-char{font-size:1.5rem;font-weight:700;line-height:1}.sd-char-card-cond{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;padding:2px 7px;border-radius:4px}.sd-char-card-stats{display:flex;flex-wrap:wrap;gap:4px 8px}.sd-char-card-images{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.sd-thumb{width:56px;height:42px;object-fit:cover;border-radius:6px;transition:transform .15s}.sd-thumb:hover{transform:scale(1.08)}.sd-thumb--lg{width:120px;height:90px}.sd-mini-stat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:32px}.sd-mini-stat-val{font-weight:700;font-size:.88rem;line-height:1}.sd-mini-stat-label{font-size:.64rem;color:var(--muted, #888);text-transform:uppercase;letter-spacing:.03em}.sd-char-tabs{display:flex;gap:4px;margin-bottom:1rem}.sd-char-tab{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid var(--border, #e0dcd4);border-radius:10px;background:#fff;cursor:pointer;transition:all .15s}.sd-char-tab:hover{border-color:var(--coral, #e07a5f)}.sd-char-tab--active{border-color:var(--coral, #e07a5f);background:#e07a5f14;box-shadow:0 0 0 2px #e07a5f26}.sd-char-column{display:flex;flex-direction:column;gap:8px}.sd-char-row{background:#fff;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000a}.sd-char-row-id{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:72px;font-weight:600;font-size:.88rem}.sd-char-row-cond{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;padding:1px 6px;border-radius:3px}.sd-char-row-stats{display:flex;gap:10px;flex:1}.sd-char-row-images{display:flex;gap:4px}.sd-agg-chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px}.sd-agg-char-card{background:#fff;border-radius:10px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 1px 3px #0000000a}.sd-agg-char{font-size:2rem;font-weight:700;line-height:1}.sd-all-images{display:flex;flex-wrap:wrap;gap:10px}.sd-all-img-card{display:flex;flex-direction:column;gap:4px}.sd-all-img-meta{display:flex;gap:6px;align-items:center;font-size:.76rem}.sd-all-img-char{font-size:1rem;font-weight:700}.sd-all-img-pid{color:var(--muted, #888)}.sd-seed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sd-seed-card{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0000000f;transition:opacity .2s,box-shadow .2s;position:relative}.sd-seed-card:hover{box-shadow:0 2px 8px #0000001f}.sd-seed-card--hidden{opacity:.35}.sd-seed-card--hidden:hover{opacity:.6}.sd-seed-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.sd-seed-img--empty{background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--muted, #888);font-size:.75rem}.sd-seed-label{padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted, #666)}.sd-seed-story{padding:2px 8px 6px;font-size:.7rem;line-height:1.35;color:var(--muted, #888);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sd-seed-badge{padding:1px 6px;border-radius:8px;font-size:.65rem;font-weight:600;background:#eee;color:#999}.sd-seed-badge--on{background:#7bae7f26;color:#5a9e5f}@media(max-width:768px){.sd-char-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sd-char-row{flex-direction:column;align-items:flex-start;gap:6px}.sd-agg-chars{grid-template-columns:repeat(3,1fr)}.sd-seed-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.sd-results{padding:0 0 2rem}.sd-results-subnav{display:flex;align-items:center;gap:4px;margin-bottom:1.5rem;border-bottom:1px solid #E8E4DE;padding-bottom:8px}.sd-results-subnav-btn{padding:6px 14px;border:none;background:none;font-size:.85rem;color:#8c8680;cursor:pointer;border-radius:6px;transition:all .15s}.sd-results-subnav-btn:hover{color:#2d2a26;background:#f5f3f0}.sd-results-subnav-btn--active{color:#2d2a26;background:#edebe8;font-weight:500}.sd-results-count{margin-left:auto;font-size:.78rem;color:#8c8680}.sd-results-charts{display:flex;flex-direction:column;gap:2.5rem}.sd-chart-section{border-bottom:1px solid #E8E4DE;padding-bottom:2rem}.sd-chart-section:last-child{border-bottom:none}.sd-chart-heading{font-size:.95rem;font-weight:600;color:#2d2a26;margin:0 0 4px;font-family:Space Grotesk,system-ui,sans-serif}.sd-chart-desc{font-size:.8rem;color:#8c8680;margin:0 0 1rem;font-family:Plus Jakarta Sans,system-ui,sans-serif}.sd-chart-wrap{position:relative;overflow-x:auto}.sd-chart-export{position:absolute;top:4px;right:4px;width:28px;height:28px;border:none;background:#fffc;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.sd-chart-wrap:hover .sd-chart-export{opacity:1}.sd-chart-export:hover{background:#edebe8}.sd-results-scorer{width:100%}.sd-results-scorer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem;flex-wrap:wrap}.sd-results-scorer-filters{display:flex;gap:4px}.sd-results-scorer-actions{display:flex;gap:8px}.sd-results-filter{padding:5px 12px;border:1px solid #E8E4DE;background:none;border-radius:6px;font-size:.8rem;color:#8c8680;cursor:pointer;transition:all .15s}.sd-results-filter:hover{border-color:#c4c0ba;color:#2d2a26}.sd-results-filter--active{border-color:#2d2a26;color:#2d2a26;background:#f5f3f0}.sd-results-btn{padding:6px 14px;border:1px solid #E8E4DE;background:#fff;border-radius:6px;font-size:.8rem;color:#2d2a26;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s}.sd-results-btn:hover{border-color:#c4c0ba;background:#f5f3f0}.sd-results-table{width:100%;border-collapse:collapse;font-size:.82rem}.sd-results-table th{text-align:left;padding:6px 8px;border-bottom:2px solid #E8E4DE;color:#8c8680;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sd-results-table td{padding:6px 8px;border-bottom:1px solid #f0eee9;vertical-align:middle}.sd-results-row--unscored td{background:#fffcf5}.sd-results-cell-pid{font-weight:500;white-space:nowrap}.sd-results-cell-char{font-size:1.1rem}.sd-results-cell-test{white-space:nowrap;font-size:.75rem;color:#8c8680}.sd-results-cell-resp{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-results-cell-correct{font-size:1rem}.sd-results-cell-score{white-space:nowrap}.sd-results-cond{display:inline-block;padding:1px 6px;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600}.sd-score-btn{width:30px;height:28px;border:1px solid #E8E4DE;background:#fff;border-radius:4px;font-size:.85rem;cursor:pointer;margin-right:2px;transition:all .15s}.sd-score-btn:hover{border-color:#c4c0ba}.sd-score-btn--active[data-score="0"]{background:#fde8e8;border-color:#e07a5f;color:#c0392b}.sd-score-btn--active[data-score="1"]{background:#fef3cd;border-color:#c4a24b;color:#8b6914}.sd-score-btn--active[data-score="2"]{background:#d4edda;border-color:#7bae7f;color:#28633b}.sd-results-notes{width:100%;min-width:140px;padding:4px 8px;border:1px solid #E8E4DE;border-radius:4px;font-size:.78rem;background:transparent;color:#2d2a26;outline:none;transition:border-color .15s}.sd-results-notes:focus{border-color:#6b8ec4}.sd-results-cell-status{width:24px;text-align:center}.sd-results-saving{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c4a24b;animation:pulse .6s ease-in-out infinite alternate}.sd-results-saved{color:#7bae7f;font-size:.85rem}.sd-results-export{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.sd-results-export-card{padding:1.2rem;border:1px solid #E8E4DE;border-radius:10px;background:#fff}.sd-results-export-card h3{margin:0 0 6px;font-size:.9rem;color:#2d2a26}.sd-results-export-card p{margin:0 0 12px;font-size:.78rem;color:#8c8680;line-height:1.4}@media(max-width:768px){.sd-results-table{font-size:.75rem}.sd-results-cell-resp{max-width:80px}.sd-results-scorer-header{flex-direction:column;align-items:flex-start}}.al-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;font-family:system-ui,-apple-system,sans-serif;color:var(--ink)}.al-loading{text-align:center;padding:4rem;color:var(--ink-muted)}.al-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.al-desc{color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.al-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.al-filters{display:flex;gap:4px;background:var(--border-light);border-radius:var(--r-md);padding:3px}.al-filters button{border:none;background:transparent;padding:6px 14px;border-radius:9px;font-size:.82rem;cursor:pointer;color:var(--ink-soft);transition:all .15s}.al-filters button.on{background:var(--white);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}.al-save{border:none;background:var(--sage);color:#fff;padding:8px 24px;border-radius:var(--r-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.al-save:hover:not(:disabled){filter:brightness(1.05)}.al-save:disabled{opacity:.5;cursor:default}.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.al-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--white);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;color:var(--ink)}.al-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.al-card.al-on{border-color:var(--sage-border);background:var(--sage-light)}.al-card-top{display:flex;justify-content:space-between;align-items:center}.al-char{font-size:1.8rem;line-height:1}.al-toggle{width:36px;height:20px;border-radius:10px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0}.al-toggle.on{background:var(--sage)}.al-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.al-toggle.on .al-toggle-knob{transform:translate(16px)}.al-def{font-size:.78rem;color:var(--ink-soft);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-parts{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.al-part{display:inline-flex;align-items:center;gap:3px;background:var(--border-light);border-radius:6px;padding:2px 8px;font-size:.75rem}.al-card.al-on .al-part{background:#7bae7f26}.al-part-char{font-size:.9rem}.al-part-meaning{color:var(--ink-muted)}@media(max-width:640px){.al-page{padding:1rem 1rem 3rem}.al-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.al-toolbar{flex-direction:column;align-items:stretch}.al-save{width:100%}}