:root{--bg1: #f7f2e9;--bg2: #ece2d2;--paper: #ffffff;--ink: #2f2d2a;--ink-soft: #6d675f;--gold: #b08d57;--gold-soft: #c7a877;--line: rgba(47, 45, 42, .12);--card-bg: rgba(255, 255, 255, .72);--card-border: rgba(47, 45, 42, .1);font-family:Manrope,system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;width:100%}body{background:radial-gradient(120% 95% at 50% -5%,#fcf8f1 0%,var(--bg1) 42%,var(--bg2) 100%);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,48px) 16px;padding-top:max(env(safe-area-inset-top),24px);padding-bottom:max(env(safe-area-inset-bottom),24px)}.scene-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.dream-canvas{width:100%!important;height:100%!important}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(115% 80% at 50% 45%,transparent 45%,rgba(180,160,130,.22) 100%)}.card{position:relative;z-index:2;width:100%;max-width:430px;padding:clamp(26px,6vw,40px) clamp(22px,5.5vw,34px) clamp(22px,5vw,28px);border-radius:26px;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);box-shadow:0 28px 70px -32px #4c3c2666,0 2px 10px -4px #4c3c261f,inset 0 1px #ffffffb3}.head{text-align:center;margin-bottom:20px}.brand-logo{height:auto;max-width:78%;filter:drop-shadow(0 6px 18px rgba(76,60,38,.12))}.rule{width:54px;height:1.5px;margin:16px auto 12px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.brand-sub{font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-soft)}.lead{text-align:center;font-size:15px;line-height:1.55;color:var(--ink);opacity:.88;margin-bottom:24px}.channels{display:flex;flex-direction:column;gap:11px}.channel{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:16px;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 14px -8px #4c3c2640;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.channel:hover{border-color:var(--accent);box-shadow:0 14px 30px -14px var(--glow)}.channel-icon{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--ink);transition:background .3s ease,transform .3s ease}.channel:hover .channel-icon{background:var(--accent)}.channel-text{display:flex;flex-direction:column;gap:2px}.channel-label{font-weight:600;font-size:15.5px;letter-spacing:.2px}.channel-hint{font-size:12.5px;color:var(--ink-soft)}.channel-arrow{margin-left:auto;color:#bdb5a8;transition:transform .3s ease,color .3s ease}.channel:hover .channel-arrow{color:var(--accent);transform:translate(2px,-2px)}.info{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.info--maker{margin-top:18px;padding-top:16px}.info-title{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);margin-bottom:3px}.info--maker .info-title{color:var(--ink-soft)}.info--maker .info-row{font-size:13.5px;color:var(--ink-soft)}.info--maker .info-ic{color:var(--ink-soft);opacity:.85}.info-note{color:var(--ink-soft);font-weight:400;font-size:.9em}.info-row{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45;color:var(--ink)}.info-link{text-decoration:none;color:var(--ink);font-weight:600;transition:color .25s ease}.info-link:hover{color:var(--gold)}.info-ic{flex-shrink:0;color:var(--gold);margin-top:1px}.site-btn{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:15px;text-decoration:none;font-weight:600;font-size:14.5px;letter-spacing:.5px;color:#f7f2e9;background:linear-gradient(135deg,#3a3733,var(--ink) 60%,#232120);box-shadow:0 14px 30px -14px #2f2d2a99;transition:transform .25s ease,box-shadow .25s ease}.site-btn svg{color:var(--gold-soft)}.site-btn:hover{box-shadow:0 18px 36px -14px #2f2d2ab3}.foot{margin-top:20px;text-align:center;font-size:11px;letter-spacing:.4px;color:var(--ink-soft);opacity:.8}@media (max-width: 380px){.channel-hint{display:none}.channel{padding:12px 13px}.brand-logo{max-width:84%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.1ms!important}}