.app-shell{--text: #0b0f19;--muted: #4e5c6e;--line: rgba(123, 109, 255, .12);--panel: rgba(255, 255, 255, .76);--panel-solid: #ffffff;--accent: #ff33b0;--accent-2: #00edf5;--accent-3: #c7ff36;--accent-4: #7b6dff;--shadow: 0 20px 48px rgba(123, 109, 255, .09);--radius: 10px;--radius-lg: 16px;position:relative;min-height:100vh;overflow-x:hidden;color:var(--text);background:#f0f2f8;transition:background .5s ease,color .32s ease;font-family:Inter,Segoe UI,system-ui,sans-serif}.app-shell.classic{--text: #261b0f;--muted: #6f604e;--line: rgba(72, 48, 22, .18);--panel: rgba(255, 248, 224, .82);--panel-solid: #fff7dc;--accent: #866327;--accent-2: #caa654;--accent-3: #5d7f67;--accent-4: #8e4b37;--shadow: 0 24px 70px rgba(83, 55, 21, .16);background:#efe0b8}.wallpaper-motion{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity .4s ease}.genz .wallpaper-motion{opacity:.82;background:radial-gradient(circle at 15% 20%,rgba(0,237,245,.2) 0%,transparent 42%),radial-gradient(circle at 85% 75%,rgba(255,51,176,.2) 0%,transparent 42%),radial-gradient(circle at 50% 80%,rgba(199,255,54,.15) 0%,transparent 36%),radial-gradient(circle at 80% 15%,rgba(123,109,255,.15) 0%,transparent 36%);background-size:200% 200%;animation:genzBackdropAnim 20s ease infinite alternate;filter:saturate(1.3)}.classic .wallpaper-motion{opacity:.62;background-color:#f2e9d2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none'%3E%3Cpath d='M80 0 C60 40,20 50,20 80 C20 110,60 120,80 160 C100 120,140 110,140 80 C140 50,100 40,80 0 Z' fill='%239e7c3b' fill-opacity='0.15'/%3E%3Cpath d='M80 30 C70 60,40 65,40 80 C40 95,70 100,80 130 C90 100,120 95,120 80 C120 65,90 60,80 30 Z' fill='%236e8b75' fill-opacity='0.13'/%3E%3Ccircle cx='80' cy='80' r='10' fill='%238b4f3e' fill-opacity='0.17'/%3E%3Cpath d='M0 80 C20 100,40 100,40 80 C40 60,20 60,0 80 Z' fill='%239e7c3b' fill-opacity='0.12'/%3E%3Cpath d='M160 80 C140 100,120 100,120 80 C120 60,140 60,160 80 Z' fill='%239e7c3b' fill-opacity='0.12'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px;animation:classicWallpaperMove 40s linear infinite;filter:sepia(.16) contrast(.95)}.grid-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background-size:52px 52px;background-image:linear-gradient(to right,rgba(123,109,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(123,109,255,.035) 1px,transparent 1px)}.classic .grid-backdrop{background-image:linear-gradient(to right,rgba(134,99,39,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(134,99,39,.03) 1px,transparent 1px)}.bridge-flash{position:fixed;top:0;bottom:0;left:50%;z-index:5;width:180%;opacity:0;pointer-events:none;transform:translate(-50%);transform-origin:center}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.4rem,5vw,4rem);line-height:1;letter-spacing:-.03em;font-weight:900}h2{margin-bottom:8px;font-size:1.16rem;line-height:1.2;font-weight:800}h3{margin-bottom:10px;font-size:1rem;font-weight:800}.classic h1,.classic h2,.classic h3,.classic .book-page{font-family:Georgia,Times New Roman,serif}.section-kicker{margin:0 0 10px;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nav-shell{position:sticky;top:14px;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;width:min(1340px,calc(100% - 32px));margin:0 auto;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--panel-solid) 88%,transparent),color-mix(in srgb,var(--panel) 96%,transparent));box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 8%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1)}.brand-lockup{display:flex;align-items:center;gap:0;color:var(--text);text-align:left;background:transparent;border:0;cursor:pointer;padding:0}.brand-mark{display:grid;width:72px;height:72px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--panel-solid) 84%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 18%,transparent);overflow:hidden;flex:0 0 auto;border:1px solid var(--line)}.classic .brand-mark{border-color:color-mix(in srgb,var(--accent-2) 32%,var(--line))}.brand-mark img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;padding:6px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:1rem;font-weight:900;letter-spacing:-.02em}.brand-lockup small{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.nav-links{display:flex;justify-content:center;align-items:center;gap:8px;padding:4px;border:1px solid var(--line);border-radius:calc(var(--radius-lg) - 4px);background:color-mix(in srgb,var(--panel-solid) 54%,transparent)}.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;min-height:40px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:var(--radius);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.nav-link:hover{color:var(--text);background:color-mix(in srgb,var(--panel-solid) 76%,transparent);border-color:var(--line);transform:translateY(-1px)}.nav-link.active{color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-4) 18%,var(--panel-solid)),color-mix(in srgb,var(--accent) 14%,var(--panel-solid)));border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 11%,transparent)}.lexicon-icon-btn{display:grid;place-items:center;width:42px;height:40px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 70%,transparent);color:var(--accent-2);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.lexicon-icon-btn:hover{transform:translateY(-2px) scale(1.06);background:color-mix(in srgb,var(--accent-2) 14%,var(--panel-solid));box-shadow:0 6px 20px color-mix(in srgb,var(--accent-2) 30%,transparent)}.classic .lexicon-icon-btn{color:var(--accent-2)}.visual-switch{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 56%,transparent)}.visual-switch button{display:inline-flex;align-items:center;gap:5px;padding:0 11px;min-height:32px;color:var(--muted);background:transparent;border:0;border-radius:7px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.visual-switch button.active{color:#fff;background:linear-gradient(135deg,var(--accent-4),var(--accent));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.classic .visual-switch button.active{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;min-height:44px;border:1px solid transparent;border-radius:var(--radius);font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;white-space:nowrap}.btn:disabled{opacity:.52;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent-4),var(--accent));box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 28%,transparent)}.classic .btn-primary{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 36%,transparent)}.btn-ghost{color:var(--text);background:color-mix(in srgb,var(--panel-solid) 78%,transparent);border-color:var(--line)}.btn-ghost:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--panel-solid) 92%,transparent)}.btn-sm{min-height:36px;padding:0 13px;font-size:.82rem}.btn-full{width:100%}.user-profile-chip{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 72%,transparent)}.avatar-circle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-4),var(--accent));color:#fff;font-weight:950;font-size:11px}.classic .avatar-circle{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.user-meta-info{display:flex;flex-direction:column;line-height:1.1}.user-meta-info strong{font-size:11px;font-weight:900;color:var(--text)}.user-meta-info small{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.logout-btn{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.logout-btn:hover{background:#ff33b01f;color:var(--accent)}.page-shell{position:relative;z-index:1;width:min(1340px,calc(100% - 32px));margin:0 auto;padding:48px 0 90px}.reveal-item{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .52s ease,transform .52s ease;will-change:opacity,transform}.reveal-item.is-visible{opacity:1;transform:translateY(0) scale(1)}.icon-button{display:grid;width:38px;height:38px;place-items:center;color:var(--text);background:color-mix(in srgb,var(--panel-solid) 82%,transparent);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:transform .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--panel-solid) 96%,transparent)}.home-page{display:grid;gap:28px;position:relative}.vibe-grid-lines{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.vibe-line{position:absolute;background:var(--line)}.vibe-line.horizontal.top{top:90px;left:0;right:0;height:1px}.vibe-line.vertical.left{top:0;bottom:0;left:88px;width:1px}.vibe-crosshair{position:absolute;color:var(--muted);font-family:monospace;font-size:13px;opacity:.3}.vibe-crosshair.top-left{top:82px;left:82px}.vibe-crosshair.top-right{top:82px;right:88px}.vibe-tech-info{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.vibe-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 8px var(--accent-3)}.vibe-dot.pulsing{animation:vibeDotPulse 1.8s infinite ease-in-out}.vibe-badge{font-family:monospace;font-size:10px;font-weight:800;padding:3px 8px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--panel-solid) 82%,transparent);color:var(--muted);letter-spacing:.04em}.hero-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:28px;align-items:center;min-height:540px;position:relative;z-index:2;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel-solid) 68%,transparent),color-mix(in srgb,var(--panel) 98%,transparent));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:12px 8px 12px 10px}h1.reveal-item{max-width:11ch}.hero-text{width:min(600px,100%);margin:20px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-photos{position:relative;min-height:480px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:20px;padding:14px;background:color-mix(in srgb,var(--panel-solid) 62%,transparent);overflow:visible}.photo-collage{position:relative;width:100%;height:480px;overflow:visible}.photo-card{position:absolute;overflow:hidden;border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:var(--panel-solid)}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transition:transform .6s ease}.photo-card:hover img{transform:scale(1.04)}.photo-card--main{width:70%;height:78%;top:2%;left:0;z-index:2}.photo-card--secondary{width:48%;height:58%;bottom:2%;right:0;z-index:3;border-color:color-mix(in srgb,var(--accent) 44%,var(--line))}.photo-card--accent{width:40%;height:44%;top:34%;left:48%;z-index:1;border-color:color-mix(in srgb,var(--accent-2) 44%,var(--line));opacity:.94}.photo-badge{position:absolute;bottom:10px;left:10px;padding:5px 12px;border-radius:6px;background:linear-gradient(135deg,var(--accent-4),var(--accent));color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.classic .photo-badge{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.classic-badge{background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#11160f}.bridge-pill{position:absolute;top:53%;left:37%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0000001f;color:var(--text);font-size:.78rem;font-weight:900;animation:bridgePillFloat 3s ease-in-out infinite alternate}.mode-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel-solid) 68%,transparent);box-shadow:var(--shadow)}.showcase-tile{display:grid;grid-template-rows:260px auto;position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.showcase-tile:hover,.showcase-tile.active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 28px 64px color-mix(in srgb,var(--accent) 14%,transparent)}.showcase-tile-img{overflow:hidden;width:100%;height:260px;position:relative;background:color-mix(in srgb,var(--panel-solid) 72%,transparent)}.showcase-tile-img img{width:100%;height:100%;object-fit:contain;object-position:center center;padding:10px;transition:transform .6s ease}.showcase-tile:hover .showcase-tile-img img{transform:scale(1.06)}.showcase-tile-info{display:grid;gap:6px;padding:16px 18px 18px;color:var(--text)}.showcase-tile-info strong{font-size:1rem;font-weight:900}.showcase-tile-info span{color:var(--muted);font-size:.85rem;line-height:1.5}.genz-tile{background:linear-gradient(180deg,rgba(255,51,176,.08),transparent 56%),linear-gradient(135deg,rgba(0,237,245,.08),transparent 40%),var(--panel)}.genz-tile .showcase-tile-img{background:radial-gradient(circle at 50% 45%,rgba(0,237,245,.14),transparent 58%),color-mix(in srgb,#fffdf8 82%,transparent)}.classic-tile{background:linear-gradient(180deg,rgba(134,99,39,.09),transparent 56%),linear-gradient(135deg,rgba(94,127,103,.08),transparent 40%),var(--panel)}.classic-tile .showcase-tile-img{background:radial-gradient(circle at 50% 45%,rgba(134,99,39,.12),transparent 58%),color-mix(in srgb,#fcf6e8 84%,transparent)}.classic-tile{border-color:color-mix(in srgb,var(--accent-2) 40%,var(--line))}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:14px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel-solid) 66%,transparent);box-shadow:var(--shadow)}.bento-tile{position:relative;display:flex;flex-direction:column;min-height:190px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.bento-tile:hover{transform:translateY(-2px);box-shadow:0 28px 60px color-mix(in srgb,var(--accent) 10%,transparent)}.deep-translation-tile{background:radial-gradient(circle at top right,rgba(255,51,176,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(0,237,245,.13),transparent 30%),var(--panel);min-height:0}.direction-tile{background:linear-gradient(135deg,rgba(123,109,255,.12),transparent 44%),var(--panel)}.lexicon-tile{background:linear-gradient(135deg,rgba(0,237,245,.08),transparent 44%),var(--panel)}.architecture-tile{background:linear-gradient(135deg,rgba(199,255,54,.08),transparent 42%),var(--panel);grid-column:1 / -1}.pitch-tile{background:linear-gradient(135deg,rgba(255,51,176,.08),transparent 42%),var(--panel)}.stack-tile{background:linear-gradient(135deg,rgba(123,109,255,.08),transparent 42%),var(--panel)}.bento-tile.large{grid-column:span 2;grid-row:span 2}.bento-tile.wide{grid-column:span 2}.bento-tile h2{margin:10px 0 8px;max-width:18ch}.bento-tile p,.bento-tile ul{color:var(--muted);line-height:1.55}.bento-tile ul{display:grid;gap:6px;margin:0;padding-left:18px;font-size:.9rem}.section-sticker-strip{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto;pointer-events:none}.section-sticker{display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}.section-sticker--soft{width:120px;height:74px}.section-sticker--small{width:92px;height:70px}.section-sticker--tall{width:80px;height:92px}.section-sticker--wide{width:140px;height:78px}.bento-glow{position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);pointer-events:none}.bento-img-bg{position:absolute;bottom:0;right:0;width:180px;height:180px;opacity:.22;pointer-events:none;transform:translate(18px,18px) rotate(8deg)}.bento-img-bg img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 14px 24px rgba(0,0,0,.16))}.bridge-page{display:grid;gap:20px}.bridge-header{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bridge-header h1{font-size:clamp(1.7rem,3vw,2.6rem)}.control-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px}.control-strip label{display:grid;gap:5px;color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}select,input,textarea{color:var(--text);background:color-mix(in srgb,var(--panel-solid) 90%,transparent);border:1px solid var(--line);border-radius:var(--radius);outline:none;font:inherit}select{min-height:42px;padding:0 36px 0 12px}.explain-toggle{display:inline-flex!important;align-items:center;gap:8px!important;min-height:42px;color:var(--text)!important;font-size:.88rem;font-weight:700;text-transform:none!important;cursor:pointer}.explain-toggle input{position:absolute;opacity:0;pointer-events:none}.explain-toggle span{position:relative;width:42px;height:24px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-solid) 74%,transparent);flex-shrink:0}.explain-toggle span:after{position:absolute;top:3px;left:3px;width:16px;height:16px;content:"";border-radius:8px;background:var(--muted);transition:transform .18s ease,background .18s ease}.explain-toggle input:checked+span:after{background:var(--accent);transform:translate(18px)}.translation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-pane{position:relative;display:flex;flex-direction:column;min-height:440px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-solid);box-shadow:var(--shadow)}.pane-head,.pane-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.pane-head p{margin:0 0 3px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.pane-foot span{color:var(--muted);font-size:.86rem}.editor-pane textarea,.result-box{flex:1;width:100%;min-height:250px;margin:14px 0;padding:14px;resize:none;font-size:1rem;line-height:1.55}.screenshot-upload{display:grid;gap:8px;margin-top:-2px;color:var(--muted)}.screenshot-upload label{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.screenshot-upload-row{display:flex;align-items:center;gap:10px}.screenshot-upload-input{width:min(220px,100%);padding:0;color:var(--text);font:inherit;border:0;background:transparent}.screenshot-upload-input::file-selector-button{margin-right:10px;padding:0 14px;min-height:40px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-4) 18%,var(--panel-solid)),color-mix(in srgb,var(--accent) 16%,var(--panel-solid)));color:var(--text);font:inherit;font-size:.84rem;font-weight:900;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 12%,transparent)}.classic .screenshot-upload-input::file-selector-button{border-color:color-mix(in srgb,var(--accent-2) 34%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 18%,var(--panel-solid)),color-mix(in srgb,var(--accent) 12%,var(--panel-solid)))}.screenshot-upload-copy{color:var(--muted);font-size:.82rem}.screenshot-upload-copy.ready{color:var(--accent);font-weight:900}.screenshot-hint{color:var(--muted);font-size:.78rem;line-height:1.45}.screenshot-name,.screenshot-analysis,.text-analysis-panel{margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 82%,transparent);color:var(--muted);font-size:.86rem;line-height:1.45}.screenshot-analysis{color:var(--text)}.text-analysis-panel{display:grid;gap:14px;margin-top:2px;padding:20px;border-radius:20px;background:radial-gradient(circle at top right,rgba(255,51,176,.08),transparent 30%),radial-gradient(circle at left center,rgba(0,237,245,.08),transparent 24%),color-mix(in srgb,var(--panel-solid) 88%,transparent);box-shadow:var(--shadow)}.text-analysis-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:14px;align-items:stretch}.analysis-label{display:inline-flex;margin-bottom:10px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--panel-solid) 92%,transparent);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.text-analysis-hero p{margin:0;color:var(--text);font-size:.98rem;line-height:1.55}.analysis-feeling-row{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr);gap:10px}.analysis-feeling-card,.analysis-emotion-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-solid) 92%,transparent),color-mix(in srgb,var(--panel-solid) 80%,transparent));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 6%,transparent)}.analysis-feeling-card span,.analysis-emotion-card span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.analysis-feeling-card strong{color:var(--text);font-size:1rem}.analysis-emotion-chips{display:flex;flex-wrap:wrap;gap:8px}.analysis-emotion-chips span{padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--panel-solid) 88%,transparent);font-size:.76rem;font-weight:800}.analysis-note{display:grid;align-content:start;gap:5px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 76%,transparent)}.analysis-note span{color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.error-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#06081057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:errorOverlayFade .22s ease-out}.error-overlay-card{display:grid;gap:8px;max-width:min(520px,calc(100vw - 40px));padding:18px 20px;border:1px solid color-mix(in srgb,#ff5b73 42%,var(--line));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-solid) 96%,transparent),color-mix(in srgb,var(--panel-solid) 88%,transparent));box-shadow:0 26px 60px #00000047;transform-origin:center;animation:errorOverlayPop .24s cubic-bezier(.2,.9,.2,1)}.error-overlay-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.error-overlay-card span{color:#ff5b73;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.error-close-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--panel-solid) 88%,transparent);color:var(--text);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.error-close-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,#ff5b73 38%,var(--line));background:color-mix(in srgb,#ff5b73 10%,var(--panel-solid))}.error-overlay-card p{margin:0;color:var(--text);font-size:.98rem;line-height:1.5}.analysis-loader{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:20px;background:#06081038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:errorOverlayFade .18s ease-out}.analysis-loader-card{display:grid;justify-items:center;gap:10px;min-width:min(320px,calc(100vw - 40px));padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel-solid) 94%,transparent);box-shadow:0 24px 60px #00000038;animation:errorOverlayPop .22s cubic-bezier(.2,.9,.2,1);text-align:center}.analysis-spinner{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-top-color:var(--accent);border-radius:50%;animation:analysisSpin .8s linear infinite}.analysis-loader-card strong{color:var(--text);font-size:1rem}.analysis-loader-card span{color:var(--muted);font-size:.84rem;line-height:1.45}.text-analysis-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-note p{margin:0;color:var(--text);line-height:1.5}.editor-pane textarea:focus,select:focus,.field input:focus,.field select:focus{border-color:color-mix(in srgb,var(--accent) 68%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.result-box{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 76%,transparent)}.result-box.filled{color:var(--text)}.reaction-pop{position:absolute;right:20px;bottom:70px;padding:7px 12px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--accent-4),var(--accent));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 28%,transparent);font-size:.76rem;font-weight:900}.classic .reaction-pop{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.metric-row{display:flex;flex-wrap:wrap;gap:7px;min-height:32px}.metric-row span,.slang-chip,.tone-label,.auth-preview span{padding:6px 10px;color:var(--text);background:color-mix(in srgb,var(--panel) 74%,transparent);border:1px solid var(--line);border-radius:7px;font-size:.76rem;font-weight:900}.error-line{margin:0;padding:12px 14px;color:#ffe5e5;background:#a02332d6;border-radius:var(--radius);font-weight:800}.classic .error-line{color:#5d170e;background:#ffdac9e6}.slang-row{display:flex;flex-wrap:wrap;gap:8px}.slang-chip{min-height:34px;color:var(--accent-2)!important;cursor:pointer;background:color-mix(in srgb,var(--accent-2) 10%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent-2) 28%,var(--line))!important;border:1px solid;border-radius:7px;transition:transform .16s ease,background .16s ease}.slang-chip:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent-2) 20%,var(--panel))!important}.explanation-panel{padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.panel-heading.compact{margin:20px 0 12px}.panel-heading h2{margin:0}.explanation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.explanation-item{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 68%,transparent)}.explanation-item span{display:grid;width:28px;height:28px;place-items:center;color:#fff;background:var(--accent-4);border-radius:7px;font-weight:950;font-size:.82rem}.classic .explanation-item span{color:#11160f;background:var(--accent-2)}.explanation-item p{margin:0;color:var(--text);line-height:1.45;font-size:.9rem}.demo-prompts-section{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.example-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-card{display:grid;gap:6px;width:100%;padding:14px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 70%,transparent);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.example-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.example-card span{color:var(--accent);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.example-card strong{font-size:.9rem;line-height:1.38}.auth-page{display:grid;grid-template-columns:minmax(0,.98fr) minmax(340px,.52fr);align-items:stretch;gap:20px}.auth-copy{display:flex;flex-direction:column;justify-content:center;padding:32px;min-height:520px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;position:relative}.auth-copy-img{position:absolute;top:0;right:0;width:48%;height:100%;opacity:.18;pointer-events:none}.auth-copy-img img{width:100%;height:100%;object-fit:cover}.auth-copy h1{font-size:clamp(1.8rem,3vw,2.8rem);position:relative;z-index:1}.auth-copy p,.auth-copy .section-kicker{position:relative;z-index:1}.auth-copy p{color:var(--muted);line-height:1.6;max-width:440px}.auth-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;position:relative;z-index:1}.auth-form{display:grid;align-content:center;gap:14px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-solid);box-shadow:var(--shadow)}.auth-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 70%,transparent)}.auth-tabs button{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:38px;color:var(--muted);background:transparent;border:0;border-radius:7px;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer;transition:background .16s ease,color .16s ease}.auth-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--accent-4),var(--accent))}.classic .auth-tabs button.active{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.field div{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 76%,transparent);color:var(--muted)}.field input,.field div input{width:100%;min-height:40px;padding:0;border:0;background:transparent;color:var(--text);font:inherit;outline:none}.field select{min-height:46px;padding:0 32px 0 10px;width:100%}.success-line{padding:12px 14px;background:#0fae9b24;border:1px solid color-mix(in srgb,var(--accent-3) 60%,var(--line));border-radius:var(--radius);color:var(--accent-3);font-weight:800;font-size:.9rem}.classic .success-line{color:var(--accent-3)}.lexicon-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px}.lexicon-scrim{position:absolute;inset:0;background:#0000008f;border:0;cursor:pointer}.lexicon-book{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1180px,calc(100vw - 32px));height:min(860px,calc(100vh - 32px));overflow:hidden;padding:20px;border:2px solid var(--accent);border-radius:var(--radius-lg);background:var(--panel-solid);box-shadow:0 40px 100px #00000070;perspective:2000px}.lexicon-overlay.genz .lexicon-book{background:radial-gradient(circle at 15% 10%,rgba(0,237,245,.12),transparent 26%),radial-gradient(circle at 85% 8%,rgba(255,51,176,.12),transparent 24%),radial-gradient(circle at 50% 95%,rgba(199,255,54,.1),transparent 30%),#fffef8;border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--text)}.lexicon-overlay.genz .lexicon-book h2,.lexicon-overlay.genz .lexicon-book h3,.lexicon-overlay.genz .lexicon-book p,.lexicon-overlay.genz .lexicon-book dt,.lexicon-overlay.genz .lexicon-book dd{color:var(--text)}.lexicon-overlay.genz .lexicon-book .vibe-badge{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.classic .lexicon-book{border-color:#5c4021;background-color:#fcfcf3;box-shadow:0 40px 100px #4e371e6b}.book-spine-line{position:absolute;left:50%;top:52px;bottom:52px;width:2px;background:linear-gradient(to bottom,transparent,var(--line),transparent);z-index:8;transform:translate(-50%)}.book-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px;flex:0 0 auto}.book-toolbar h2{margin:0}.book-spread{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);gap:14px;transform-style:preserve-3d;position:relative;flex:1;min-height:0}.book-page{min-height:0;height:100%;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(134,99,39,.08),transparent 12%),color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:inset 0 0 30px #4f30100f;overflow:hidden;display:flex;flex-direction:column}.lexicon-overlay.genz .book-page{background:linear-gradient(180deg,#fffffff0,#f8faffe0),color-mix(in srgb,var(--panel-solid) 92%,transparent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.lexicon-overlay.genz .book-spine-line{background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--accent) 28%,var(--line)),transparent)}.lexicon-overlay.genz .lexicon-divider{background:linear-gradient(90deg,var(--accent),transparent)}.lexicon-overlay.genz .tone-label{color:#11160f;background:var(--accent-3)}.lexicon-overlay.genz .synonym-tag-btn{background:color-mix(in srgb,var(--accent-2) 12%,var(--panel-solid))}.book-right h3{font-size:1.8rem;margin-bottom:8px}.book-left h3{margin-bottom:12px}.lexicon-index{display:grid;gap:6px;flex:1;min-height:0;max-height:420px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--line)) transparent}.lexicon-index::-webkit-scrollbar{width:8px}.lexicon-index::-webkit-scrollbar-track{background:transparent}.lexicon-index::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--accent) 45%,var(--line))}.lexicon-index button{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;min-height:36px;padding:0 10px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 64%,transparent);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.lexicon-index button:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.lexicon-index button.active{color:#fff;background:linear-gradient(135deg,var(--accent-4),var(--accent));border-color:transparent}.classic .lexicon-index button.active{color:#11160f;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.lexicon-index small{color:inherit;opacity:.7;font-size:.72rem}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex:0 0 auto}.entry-count{color:var(--muted);font-size:.76rem;font-weight:900}.lexicon-divider{height:1.5px;background:linear-gradient(90deg,var(--accent),transparent);margin:10px 0 16px;flex:0 0 auto}.entry-definition{color:var(--text);font-size:.96rem;line-height:1.5;margin-bottom:12px}.entry-details{display:grid;gap:10px;margin:0;flex:1;min-height:0}.entry-details div{padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-solid) 60%,transparent)}.entry-details dt{margin-bottom:4px;color:var(--accent);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.entry-details dd{margin:0;color:var(--text);line-height:1.45}.tone-label{display:inline-flex;padding:5px 10px;border-radius:6px;color:#11160f;background:var(--accent-2);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.tone-label.slang{background:var(--accent);color:#fff}.tone-label.emotional{background:var(--accent-3)}.tone-label.formal{background:var(--accent-2)}.tone-label.neutral{background:#c8d4cc}.synonym-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.synonym-tag-btn{padding:4px 11px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--panel-solid) 82%,transparent);color:var(--accent);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.synonym-tag-btn:hover{transform:translateY(-2px);background:var(--accent);color:#fff}.classic .synonym-tag-btn:hover{color:#11160f}.book-controls{display:flex;justify-content:space-between;gap:10px;margin-top:12px;flex:0 0 auto}.book-page-flipping{position:absolute;top:0;right:0;width:58%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:10;pointer-events:none}.book-page-flipping.flip-forward{animation:flipRightToLeft .6s cubic-bezier(.25,1,.5,1) forwards}.book-page-flipping.flip-backward{animation:flipLeftToRight .6s cubic-bezier(.25,1,.5,1) forwards}.flipping-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:inset 0 0 30px #0000000a;overflow:hidden}.flipping-face.front{background:var(--panel-solid);z-index:2}.flipping-face.back{background:var(--panel-solid);transform:rotateY(180deg)}.flipping-face h3{font-size:1.4rem;margin-bottom:8px}.flipping-face .entry-definition{font-size:.92rem;margin-bottom:0}@keyframes genzBackdropAnim{0%{background-position:0% 10%}50%{background-position:100% 90%}to{background-position:22% 100%}}@keyframes classicWallpaperMove{0%{background-position:0px 0px}to{background-position:160px 320px}}@keyframes flipRightToLeft{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipLeftToRight{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes vibeDotPulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.35);opacity:1}}@keyframes bridgePillFloat{0%{transform:translate(-50%,-50%) translateY(0)}to{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes errorOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes errorOverlayPop{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes analysisSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1140px){.nav-shell{grid-template-columns:auto 1fr auto}.hero-band{grid-template-columns:1fr;min-height:auto}.hero-photos{min-height:360px}.photo-collage{height:360px}.auth-page,.translation-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.nav-shell{grid-template-columns:1fr;gap:8px}.nav-links,.nav-actions{justify-content:flex-start;flex-wrap:wrap}.page-shell{width:calc(100% - 22px);padding-top:28px}.hero-band,.mode-showcase,.bento-grid{padding:1px}.mode-showcase,.bento-grid,.explanation-list,.example-list,.book-spread{grid-template-columns:1fr}.bento-tile.large,.bento-tile.wide{grid-column:auto;grid-row:auto}.photo-collage{height:280px}.showcase-tile{grid-template-rows:190px auto}.showcase-tile-img{height:190px}.sticker-row{gap:14px}.sticker{height:64px}.book-page{min-height:auto}.lexicon-overlay{padding:8px}.lexicon-book{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:14px}.book-spread{grid-template-columns:1fr}.bridge-header{flex-direction:column;align-items:stretch}.nav-links{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}}:root{font-family:Aptos,Segoe UI,sans-serif;color:#16201d;background:#07090e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.72}