@font-face{font-family:TarolaScript;src:url('/website-v3/assets/script.woff2') format('woff2');font-display:swap}
@font-face{font-family:TarolaSans;src:url('/website-v3/assets/sans.woff2') format('woff2');font-display:swap}
body.visual{--text-on-light:#302b43;--text-muted-on-light:#62566e;--text-on-dark:#fff5e8;--text-muted-on-dark:#ded8ee;--page:#f6f2ee;--surface:#fffcf7;--soft:#eee8f0;--line:#6e627e25;--active:#504065;--on-active:#fff7ed;--glaze:linear-gradient(120deg,#fffdfac2,#ffffff50 48%,#edf9f579);--glow-a:#e3cee8;--glow-b:#cbe6e3;--glow-c:#f3dcc5;background:var(--page);font-family:TarolaSans,'Segoe UI','Microsoft YaHei',sans-serif;isolation:isolate}
body.visual::before{content:'';position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 25%,var(--glow-a),transparent 47%),radial-gradient(ellipse at 95% 48%,var(--glow-b),transparent 48%),radial-gradient(ellipse at 36% 98%,var(--glow-c),transparent 40%);animation:aurora-drift 24s ease-in-out infinite alternate}
body.visual[data-theme=night]{--page:#171925;--surface:#252638;--soft:#323246;--line:#c7bfdb28;--active:#ecdec2;--on-active:#322737;--glaze:linear-gradient(120deg,#4641558c,#272d424d 48%,#324c5359);--glow-a:#382b4c;--glow-b:#203d43;--glow-c:#41352e}
body[data-palette=rose]{--glow-a:#eccfdf;--glow-b:#dbd9f1;--glow-c:#f5e1c6}body[data-palette=sea]{--glow-a:#cdddf0;--glow-b:#cce4d9;--glow-c:#ece0cd}
body[data-theme=night][data-palette=rose]{--glow-a:#46283e;--glow-b:#282d4b;--glow-c:#413627}body[data-theme=night][data-palette=sea]{--glow-a:#263954;--glow-b:#1d413c;--glow-c:#3b3530}
.visual .review-bar{background:transparent;border:0;color:var(--muted);font-size:12px}.visual .review-controls button,.visual .review-controls select{background:var(--glaze);border-color:var(--line)}
.visual .shell{max-width:1300px;grid-template-columns:135px minmax(0,1fr);gap:32px}.visual .brandbar{min-height:96px;margin-bottom:4px;border-color:var(--line)}
.visual .brand{font-family:TarolaScript,Georgia,serif;font-size:48px;font-weight:400;line-height:.9;letter-spacing:0}.visual .brand small{font-family:TarolaSans,sans-serif;font-size:9px;margin-top:9px;letter-spacing:.16em}.visual .prototype-note{font-size:13px;letter-spacing:.08em}
.visual h1{font-family:TarolaSans,sans-serif;font-weight:500;letter-spacing:.025em;font-size:clamp(30px,3.3vw,44px);line-height:1.5}.visual h2{font-weight:600;font-size:19px}.visual h3{font-weight:500}.visual .eyebrow{letter-spacing:.15em;font-size:12px}.visual .welcome{gap:30px;grid-template-columns:.9fr 1.25fr;padding:12px 0 28px;align-items:center}.visual .welcome>div:first-child{padding:14px 0}.visual .welcome .muted{font-size:14px;line-height:1.9}.visual .support{font-size:13px}
.hero-art{position:relative;aspect-ratio:3/2;min-width:0;overflow:hidden;border-radius:24px;box-shadow:0 24px 55px -30px #25223f99}.hero-art img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .55s ease}.hero-night{position:absolute;inset:0;opacity:0}.hero-day{opacity:1}.visual[data-theme=night] .hero-night{opacity:1}.visual[data-theme=night] .hero-day{opacity:0}.hero-spark{position:absolute;left:61%;top:35%;color:#fff3bd;pointer-events:none;font-size:16px;text-shadow:0 0 15px #ffe2a0;animation:starlight 5s ease-in-out infinite}
.visual button,.visual .editorial,.visual .today,.visual .tool-item,.visual .profile,.visual dialog{position:relative;border-color:transparent;background:var(--glaze);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);box-shadow:inset 0 1px 0 #ffffffa8,inset 1px 0 0 #ffffff20,0 12px 30px -24px #36314466}
.visual button{border-radius:14px;transition:box-shadow .25s,background .25s}.visual button::after,.visual .editorial::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--glint-x,20%) var(--glint-y,0%),#fae1ee8c,transparent 38%),linear-gradient(110deg,transparent 20%,#d0fff065 42%,#e6dfff85 50%,#ffecd866 58%,transparent 80%);background-size:100% 100%,240% 100%;transition:opacity .3s;mix-blend-mode:soft-light}
.visual button:hover::after,.visual button:focus-visible::after,.visual .editorial:hover::after{opacity:1;animation:glass-pass .85s ease-out both}.visual .primary{background:linear-gradient(125deg,#655178,#433756);color:var(--text-on-dark);box-shadow:inset 0 1px 0 #ffffff59,0 9px 20px -12px #5a3e7c80;padding:12px 22px}.visual[data-theme=night] .primary{background:linear-gradient(125deg,#f5e8d0,#d9c6ad);color:#322737}.visual .primary:hover{background:linear-gradient(125deg,#776186,#504065)}.visual[data-theme=night] .primary:hover{background:#f3e6ce}
.visual .today{padding:20px 22px;border-radius:20px;border:0;background:linear-gradient(112deg,#fffefbd1,#faf5fc72 45%,#e2f4f29e)}.visual[data-theme=night] .today{background:linear-gradient(112deg,#474256a6,#34354c85 45%,#29464d92)}.visual .today strong{font-size:14px}.visual .today small{font-size:13px}.visual .today>*{border-color:var(--line)}
.visual .main-nav{padding:8px;top:20px;border-radius:22px;background:linear-gradient(150deg,#ffffff29,transparent);gap:8px}.visual .main-nav a{position:relative;gap:12px;padding:12px;border-radius:14px;transition:color .2s,background .25s}.visual .main-nav a span{width:23px;height:23px;display:block}.main-nav svg{width:100%;height:100%}.visual .main-nav a[aria-current=page]{background:var(--glaze);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff9e,0 7px 20px -16px #52436070;color:var(--ink)}.visual[data-theme=night] .main-nav a[aria-current=page]{color:#f1dba9}.visual .main-nav a[aria-current=page]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent,#c7f2e452,#cabbef59,#fae6bd4a,transparent);opacity:.5;pointer-events:none;animation:glass-pass .7s both;background-size:240% 100%}
.visual .block{margin-top:28px}.visual .shortcuts button{padding:17px 18px;border-radius:17px}.visual .shortcuts b{font-weight:500;font-size:16px}.visual .shortcuts small{font-size:12px}.visual .badge{color:var(--ink);background:var(--soft);font-size:12px}.visual .oracle .badge{background:#e8dcc2;color:#53412a}.visual .oracle-row{gap:25px;padding:10px 0}.oracle-card{flex:0 0 110px;padding:0!important;background:transparent!important;box-shadow:none!important;transform:rotate(-4deg);transition:transform .3s!important;line-height:0}.oracle-card:hover{transform:rotate(0) translateY(-4px)}.oracle-card img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 16px 25px -16px #4b365f99}.visual .oracle-row h3{font-size:24px}.visual .oracle-row .muted{font-size:14px}.visual .oracle-row button:not(.oracle-card){font-size:14px}.visual .recent{border-color:var(--line)}.visual .recent .empty-line{font-size:15px;line-height:1.8}.visual .empty-line+.muted{font-size:13px}
.visual .editorial{grid-template-columns:90px minmax(0,1fr);padding:20px 18px;border-radius:20px}.editorial-symbol{width:90px;color:#806644}.editorial-symbol svg{display:block;width:100%;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.visual[data-theme=night] .editorial-symbol{color:#dbc697}.visual .editorial h3{font-size:17px;line-height:1.6}.visual .editorial small,.visual .editorial div>span{font-size:13px}.visual .compact-links button,.visual .account-secondary button,.visual .text-button,.visual .list-row{box-shadow:none;background:transparent;backdrop-filter:none}.visual .list-row{border-bottom:1px solid var(--line);border-radius:0}
.visual .tool-item{padding:23px;border-radius:20px}.visual .tool-item h2{font-size:18px}.visual .tool-item button{font-size:14px}.visual input,.visual select{border-color:var(--line);background:var(--surface)}.visual .filters button[aria-pressed=true]{background:var(--active);color:var(--on-active)}.visual .learning-entry{justify-content:flex-start;border-color:var(--line);gap:20px}.learn-back{width:48px;height:72px;object-fit:contain;border-radius:5px;transform:rotate(-6deg)}.visual .learning-entry>span:last-child{margin-left:auto}.visual .profile{border-radius:20px}.visual dialog{background:var(--surface);border-radius:24px}.visual dialog::backdrop{background:#161b2e88;backdrop-filter:blur(6px)}.visual .flow-stage{background:var(--soft)}.visual .page-heading{padding-top:18px}.visual .visual-settings{width:100%;display:flex;gap:10px;margin-bottom:8px}.visual-settings button{font-size:12px;padding:7px 12px}.visual .shell>footer{border-color:var(--line)}
@keyframes aurora-drift{to{transform:translate3d(3%,-3%,0) scale(1.04)}}@keyframes glass-pass{from{background-position:0 0,100% 0}to{background-position:0 0,0 0}}@keyframes nav-glass-pass{from{background-position:100% 0}to{background-position:0 0}}@keyframes starlight{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.95;transform:scale(1.18)}}
.visual .main-nav a[aria-current=page]::after{animation-name:nav-glass-pass}
@media(max-width:1050px){.visual .shell{grid-template-columns:110px minmax(0,1fr);gap:22px}.visual .welcome{grid-template-columns:.9fr 1.1fr;gap:20px}.visual .welcome h1{font-size:31px}.visual .editorial{grid-template-columns:60px minmax(0,1fr)}.editorial-symbol{width:60px}.visual .today{padding:17px}.visual .home-middle{grid-template-columns:1fr 1fr}.visual .recent{padding-left:18px;border-left:1px solid var(--line)}}
@media(max-width:700px){.visual .shell{display:block;padding:0 20px 108px}.visual .review-bar{font-size:11px;padding:8px 20px}.visual .brandbar{min-height:80px;margin-bottom:20px}.visual .brand{font-size:42px}.visual .welcome{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 24px}.hero-art{order:-1;border-radius:20px;margin-bottom:20px;aspect-ratio:3/2}.visual .welcome>div:first-child{padding:0}.visual .welcome h1{font-size:29px;line-height:1.5;margin-bottom:8px}.visual .welcome h1 br{display:none}.visual .welcome .eyebrow{margin-bottom:8px;font-size:11px}.visual .welcome .muted{margin-bottom:16px}.visual .support{display:inline-block;font-size:12px;margin-left:10px}.visual .welcome .primary{padding:11px 15px;font-size:14px}.visual .today{padding:16px;border-radius:18px}.visual .today strong{font-size:13px}.visual .today small{font-size:12px}.visual .main-nav{position:fixed;top:auto;bottom:12px;left:12px;right:12px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));gap:3px;border:0;border-radius:24px;background:linear-gradient(115deg,#fdf8f1eb,#f0edf6df 60%,#e6f3eedf);backdrop-filter:blur(22px) saturate(1.25);box-shadow:inset 0 1px 0 #fff,0 12px 42px #31334b29}.visual[data-theme=night] .main-nav{background:linear-gradient(115deg,#242b3deb,#343148e0 60%,#243e40e6);box-shadow:inset 0 1px 0 #d8dae759,0 12px 42px #0005}.visual .main-nav a{font-size:12px;padding:8px 0 6px;gap:4px;min-height:58px;border-radius:18px}.visual .main-nav a span{width:23px;height:23px}.visual .shortcuts{gap:8px}.visual .shortcuts button{padding:13px 4px}.visual .shortcuts b{font-size:14px}.visual .shortcuts small{font-size:12px}.visual .home-middle{display:block}.visual .recent{border-left:0;padding-left:0;padding-top:20px;border-top:1px solid var(--line)}.visual .oracle-row{gap:27px}.oracle-card{flex-basis:104px}.visual .editorial-grid{grid-template-columns:1fr 1fr}.visual .editorial{grid-template-columns:1fr;gap:12px;padding:18px 14px}.editorial-symbol{width:74px}.visual .editorial h3{font-size:16px}.visual .editorial small,.visual .editorial div>span{font-size:12px}.visual .learning-entry{gap:13px}.learn-back{width:40px;height:60px}.visual .learning-entry b{font-size:15px}.visual .learning-entry small{font-size:12px}.visual .tool-item{padding:20px}.visual .page-heading h1{font-size:28px}.visual .profile{padding:19px}.visual .section-head h2{font-size:19px}.visual .section-head a{font-size:13px}}
@media(max-width:360px){.visual .shell{padding-inline:16px}.visual .welcome h1{font-size:26px}.visual .support{display:block;margin-left:0}.visual .shortcuts b{font-size:13px}.visual .shortcuts small{font-size:11px}.visual .editorial-grid{grid-template-columns:1fr}.visual .editorial{grid-template-columns:65px minmax(0,1fr)}.editorial-symbol{width:65px}.visual .oracle-row{gap:19px}.oracle-card{flex-basis:92px}.visual .learning-entry{flex-wrap:wrap}}
.visual.motion-off::before,.visual.page-inactive::before,.visual.motion-off *,.visual.motion-off *::after,.visual.page-inactive *{animation:none!important;transition:none!important}.visual.motion-off button:hover::after{opacity:0}
@media(prefers-reduced-motion:reduce){.visual::before,.visual *,.visual *::after{animation:none!important;transition:none!important}.oracle-card:hover{transform:rotate(-4deg)}}