:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background-intensity:62%;--ink:#11182a;--muted:#62708a;--paper:#fbf9f6;--panel:#ffffffbd;--panel-strong:#ffffffeb;--line:#22293d1c;--accent:#5c2ca8;--accent-soft:#d9ccff;--accent-warm:#d3a94f;--shadow:0 24px 70px #1f263f21;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading-font:var(--serif);--body-font:var(--sans);--button-font:var(--sans);--label-font:var(--sans);--button-radius:8px;--button-padding:0 14px;--heading-scale:100%;--body-scale:100%;--button-scale:100%;--label-scale:100%;--calendar-scale:100%;--btn-glow-intensity:.6;font-family:var(--sans);background:var(--paper);color:var(--ink)}body[data-theme=midnight-archive]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef2ff;--muted:#b5bdd3;--paper:#080b14;--panel:#141827c7;--panel-strong:#191e30f0;--line:#e7ebff24;--accent:#a98cff;--accent-soft:#33235f;--accent-warm:#d6c27a;--shadow:0 30px 80px #00000057}body[data-theme=moonwater]{--ink:#13223b;--muted:#607391;--paper:#f4f9ff;--panel:#ffffffb8;--panel-strong:#fffffff2;--line:#1a395d1f;--accent:#4b6da8;--accent-soft:#d6e6fb;--accent-warm:#b99c59}body[data-theme=velvet-night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff4f7;--muted:#d1bdca;--paper:#160d24;--panel:#2c193ec7;--panel-strong:#341f4af0;--line:#ffe8f624;--accent:#c69cff;--accent-soft:#3a2455;--accent-warm:#f0bf66}body[data-theme=forest-dream]{--ink:#17231d;--muted:#5d6d60;--paper:#f4f1e8;--panel:#fffaefbf;--panel-strong:#fffaeff2;--line:#20372921;--accent:#476b55;--accent-soft:#d7e1d3;--accent-warm:#c69445}body[data-theme=minimal-dawn]{--ink:#17191f;--muted:#6f737d;--paper:#fffdf9;--panel:#ffffffdb;--panel-strong:#fffffffa;--line:#14161d1a;--accent:#725c9b;--accent-soft:#eee8f7;--accent-warm:#c99d58}body[data-heading-font=clean-modern],body[data-heading-font=dream-minimal],body[data-heading-font=system-default]{--heading-font:var(--sans)}body[data-heading-font=rounded-friendly]{--heading-font:ui-rounded, "Avenir Next", var(--sans)}body[data-body-font=elegant-serif],body[data-body-font=soft-literary]{--body-font:Georgia, "Times New Roman", serif}body[data-body-font=rounded-friendly]{--body-font:ui-rounded, "Avenir Next", var(--sans)}body[data-button-font=elegant-serif],body[data-button-font=soft-literary]{--button-font:Georgia, "Times New Roman", serif}body[data-button-font=rounded-friendly]{--button-font:ui-rounded, "Avenir Next", var(--sans)}body[data-label-font=elegant-serif],body[data-label-font=soft-literary]{--label-font:Georgia, "Times New Roman", serif}body[data-label-font=rounded-friendly]{--label-font:ui-rounded, "Avenir Next", var(--sans)}body[data-calendar-font=elegant-serif],body[data-calendar-font=soft-literary]{--calendar-font:Georgia, "Times New Roman", serif}body[data-calendar-font=clean-modern],body[data-calendar-font=dream-minimal],body[data-calendar-font=system-default]{--calendar-font:var(--sans)}body[data-calendar-font=rounded-friendly]{--calendar-font:ui-rounded, "Avenir Next", var(--sans)}body[data-button-style=pill]{--button-radius:999px;--button-padding:0 18px}body[data-button-style=compact]{--button-radius:7px;--button-padding:0 10px}body[data-button-style=circle-ritual]{--button-radius:999px}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-soft) var(--background-intensity), transparent) 0, transparent 34%), linear-gradient(120deg, var(--paper), color-mix(in srgb, var(--accent-soft) 22%, var(--paper)) 58%, var(--paper));min-width:320px;min-height:100vh;font-family:var(--body-font);font-size:calc(16px * var(--body-scale) / 100);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;padding-bottom:86px}.app-header{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;min-height:76px;padding:16px clamp(18px,4vw,42px);display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--serif);letter-spacing:0;background:0 0;align-items:center;gap:12px;font-size:1.24rem;font-style:italic;font-weight:700;display:inline-flex}.brand-orb{background:linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent-soft) 58%, var(--accent)));width:38px;height:38px;box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:50%}.desktop-nav{align-items:center;gap:8px;display:flex}.app-header--home{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#08041e73;border-bottom-color:#b48cff24}.app-header--home .brand{color:#f0e1fff2}.app-header--home .nav-pill{color:#d2beffd9;border-color:#0000}.app-header--home .nav-pill:hover,.app-header--home .nav-pill.active{color:#fff;background:#643cc833;border-color:#a078f038}.app-header--home .nav-pill.primary{color:#fff;background:linear-gradient(135deg,#8250e6d9,#6432c8d9);border:1px solid #b48cff4d;box-shadow:0 8px 24px #643cc859}.header-search{position:relative}.header-search-input{border:1px solid var(--line);border-radius:var(--button-radius);background:var(--panel);width:200px;height:38px;color:var(--ink);outline:none;padding:0 12px 0 34px;font-size:.88rem;transition:border-color .15s,width .2s}.header-search-input:focus{border-color:var(--accent);width:260px}.header-search-input::placeholder{color:var(--muted)}.header-search:before{content:"⌕";color:var(--muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.app-header--home .header-search-input{color:#dcc8ffe6;background:#140a3266;border-color:#a078ff33}.app-header--home .header-search-input::placeholder{color:#aa8cdc8c}.app-header--home .header-search:before{color:#aa8cdc99}.theme-toggle{border:1px solid var(--line);border-radius:var(--button-radius);background:var(--panel);align-items:center;gap:2px;padding:4px;display:flex}.theme-toggle-btn{border-radius:calc(var(--button-radius) - 3px);width:30px;height:28px;color:var(--muted);background:0 0;place-items:center;transition:background .15s,color .15s;display:grid}.theme-toggle-btn:hover{background:color-mix(in srgb, var(--accent-soft) 60%, transparent);color:var(--ink)}.theme-toggle-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 30%, transparent)}.app-header--home .theme-toggle{background:#140a3273;border-color:#a078ff33}.app-header--home .theme-toggle-btn{color:#bea0ffb3}.app-header--home .theme-toggle-btn:hover{color:#dcc8ffe6;background:#643cc840}.app-header--home .theme-toggle-btn.active{color:#fff;background:#784bdccc}.header-avatar{background:linear-gradient(145deg, var(--accent), color-mix(in srgb, var(--accent-soft) 58%, var(--accent)));color:#fff;width:36px;height:36px;box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 22%, transparent);cursor:pointer;border-radius:50%;place-items:center;font-size:.75rem;display:grid}.app-header--home .header-avatar{background:linear-gradient(145deg,#8250e6cc,#5a32b4cc);border:1px solid #b48cff40;box-shadow:0 4px 16px #643cc859}@media (width<=900px){.header-search,.header-avatar,.theme-toggle{display:none}}.nav-pill,.ghost-button,.primary-button,.icon-button,.text-button{border-radius:var(--button-radius);min-height:42px;padding:var(--button-padding);font-family:var(--button-font);font-size:calc(1rem * var(--button-scale) / 100);letter-spacing:0;font-weight:800}.nav-pill,.ghost-button,.text-button{color:var(--ink);background:0 0;border:1px solid #0000}.nav-pill.active,.ghost-button,.text-button:hover{border-color:var(--line);background:var(--panel)}.nav-pill.primary,.primary-button{background:var(--accent);color:#fff;box-shadow:0 12px 34px color-mix(in srgb, var(--accent) 26%, transparent)}body[data-button-style=minimal-outline] .nav-pill.primary,body[data-button-style=minimal-outline] .primary-button{border:1px solid var(--accent);color:var(--accent);box-shadow:none;background:0 0}body[data-button-style=solid-glow] .nav-pill.primary,body[data-button-style=solid-glow] .primary-button{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 18px 42px color-mix(in srgb, var(--accent) 34%, transparent)}body[data-button-style=compact] .nav-pill,body[data-button-style=compact] .ghost-button,body[data-button-style=compact] .primary-button,body[data-button-style=compact] .text-button{min-height:34px;font-size:.88rem}.main-stage{width:min(1120px,100% - 32px);margin:0 auto;padding:clamp(28px,7vw,76px) 0 30px}.eyebrow{color:var(--accent);font-size:calc(.72rem * var(--label-scale) / 100);letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;font-weight:900}h1,h2,p{margin-top:0}h1,h2{font-family:var(--heading-font);letter-spacing:0}h1{font-size:calc(clamp(2.6rem, 8vw, 5.5rem) * var(--heading-scale) / 100);margin-bottom:14px;font-weight:500;line-height:.98}h2{font-size:calc(clamp(1.6rem, 3vw, 2.2rem) * var(--heading-scale) / 100);margin-bottom:8px;font-weight:600;line-height:1.08}.home-hero{grid-template-columns:minmax(0,1fr) minmax(220px,330px);align-items:center;gap:clamp(30px,8vw,86px);min-height:min(680px,100vh - 170px);display:grid}.hero-copy{max-width:760px}.hero-text{max-width:610px;color:var(--muted);font-size:1.12rem;line-height:1.7}.log-orb{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-strong);width:clamp(210px,28vw,286px);color:var(--ink);box-shadow:var(--shadow);border-radius:50%;justify-self:center;place-items:center;display:grid}.log-orb strong{font-family:var(--serif);margin-top:-28px;font-size:1.35rem;font-style:italic}.log-orb small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:-56px;font-size:.72rem;font-weight:900}.orb-dot{background:var(--accent);width:54px;height:54px;box-shadow:0 16px 34px color-mix(in srgb, var(--accent) 42%, transparent);border-radius:50%}.orb-dot:after{content:"";background:#fff;border-radius:4px;width:14px;height:14px;margin:20px auto;display:block}.home-actions,.insight-grid,.theme-card-grid,.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-action,.soft-card,.visual-card,.recent-panel,.archive-card,.archive-text-row,.gallery-tile,.journal-section,.analysis-controls,.next-step-panel,.capture-sheet,.theme-choice{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 14px 42px #151b2c12}.home-action{min-height:118px;color:var(--ink);text-align:left;gap:8px;padding:18px;display:grid}.home-action strong,.archive-card strong,.recent-dream span,.gallery-tile strong{font-family:var(--heading-font);font-size:1.18rem}.home-action span,.archive-card span,.soft-card p,.visual-card p,.page-head p,.next-step-panel p,.setting-note{color:var(--muted);line-height:1.55}.recent-panel{margin-top:18px;padding:20px}.section-heading,.detail-head,.page-head,.action-row,.modal-actions,.top-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.recent-list{gap:10px;display:grid}.recent-dream{background:color-mix(in srgb, var(--panel-strong) 84%, transparent);min-height:62px;color:var(--ink);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.recent-dream small,.archive-card small,.gallery-tile small,.message-meta{color:var(--muted);font-size:.78rem;font-weight:800}.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(2.4rem,6vw,4.6rem)}.mode-switch,.detail-tabs{gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.mode-switch button,.detail-tabs button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--muted);border-radius:8px;flex:none;padding:0 14px;font-weight:850}.mode-switch button.active,.detail-tabs button.active{background:var(--ink);color:var(--paper)}.archive-tools{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:12px;margin-bottom:18px;padding:16px;display:grid}.filter-scaffold{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--line);background:var(--panel-strong);min-height:34px;color:var(--muted);font-family:var(--button-font);border-radius:999px;padding:0 10px;font-weight:800}.archive-grid{gap:14px;display:grid}.archive-grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-card,.archive-text-row,.gallery-tile{min-height:170px;color:var(--ink);text-align:left;gap:10px;padding:18px;display:grid}.archive-card.list-row,.archive-text-row{min-height:88px}.month-group{grid-column:1/-1;gap:12px;padding-top:8px;display:grid}.month-group h2{color:var(--muted);margin:8px 0 0;font-size:1.18rem}.calendar-shell{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px;display:grid}.calendar-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px}.calendar-month-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.calendar-month-heading h2{margin:0}.calendar-month-heading span{color:var(--muted);font-weight:800}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekdays{margin-bottom:4px}.calendar-weekdays span{min-height:28px;color:var(--muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:.76rem;font-weight:900}.calendar-day{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 72%, var(--ink) 6%);min-height:clamp(54px,8vw,82px);color:var(--muted);font-family:var(--calendar-font,var(--heading-font));font-size:calc(clamp(1.1rem, 2.6vw, 1.65rem) * var(--calendar-scale) / 100);border-radius:8px;align-content:center;place-items:center;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden}body[data-calendar-border=false] .calendar-day{border-color:#0000}body[data-calendar-shadow=false] .calendar-day,body[data-calendar-shadow=false] .calendar-day.has-dream,body[data-calendar-shadow=false] .calendar-day.many-dreams,body[data-calendar-shadow=false] .calendar-day.active{box-shadow:none}body[data-calendar-rounded=false] .calendar-day{border-radius:0}.calendar-day:not(.empty):hover{transform:translateY(-1px)}.calendar-day.empty{box-shadow:none;background:0 0;border-color:#0000}.calendar-day.has-dream{border-color:color-mix(in srgb, var(--accent) 22%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 78%, var(--paper)), color-mix(in srgb, var(--accent) 42%, var(--accent-soft)));color:var(--ink);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--accent) 36%, transparent)}.calendar-day.many-dreams{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 74%, var(--accent-soft)), color-mix(in srgb, var(--accent-warm) 42%, var(--accent)));color:#fff;box-shadow:inset 0 -4px 0 #0000002e, 0 12px 28px color-mix(in srgb, var(--accent) 28%, transparent)}.calendar-day.active{border-color:color-mix(in srgb, var(--accent) 72%, #fff);background:var(--panel-strong);color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--accent) 32%, transparent)}.calendar-day.has-dream.active,.calendar-day.many-dreams.active{background:color-mix(in srgb, var(--accent-soft) 86%, #fff);color:var(--ink)}.calendar-day small{color:currentColor;font-family:var(--body-font);opacity:.78;font-size:.62rem;font-weight:900}.calendar-date-number,.calendar-dream-count{z-index:1;position:relative}body[data-calendar-number-position=top-left] .calendar-day,body[data-calendar-number-position=top-right] .calendar-day,body[data-calendar-number-position=bottom-left] .calendar-day,body[data-calendar-number-position=bottom-right] .calendar-day{align-content:stretch;place-items:stretch stretch;padding:8px}body[data-calendar-number-position=top-left] .calendar-date-number,body[data-calendar-number-position=top-right] .calendar-date-number,body[data-calendar-number-position=bottom-left] .calendar-date-number,body[data-calendar-number-position=bottom-right] .calendar-date-number{position:absolute}body[data-calendar-number-position=top-left] .calendar-date-number{top:8px;left:10px}body[data-calendar-number-position=top-right] .calendar-date-number{top:8px;right:10px}body[data-calendar-number-position=bottom-left] .calendar-date-number{bottom:8px;left:10px}body[data-calendar-number-position=bottom-right] .calendar-date-number{bottom:8px;right:10px}body[data-calendar-number-position=ghost] .calendar-date-number{z-index:0;opacity:.18;font-size:3.3em;position:absolute;inset:auto 8px -8px auto}body[data-calendar-number-position=ghost] .calendar-dream-count{place-self:center}.calendar-results{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-content:start;gap:12px;padding:18px;display:grid}.gallery-tile{text-align:center;place-items:center}.gallery-moon,.small-orb{background:radial-gradient(circle at 68% 34%, var(--panel-strong) 0 18%, transparent 19%), linear-gradient(145deg, var(--accent-soft), var(--accent));border-radius:50%;width:68px;height:68px}.soft-card,.visual-card{min-height:180px;padding:20px}.visual-card{align-content:start;gap:12px;display:grid}.small-orb{width:42px;height:42px}.detail-head{margin-bottom:18px}.title-input{width:min(720px,100%);color:var(--ink);font-family:var(--serif);background:0 0;border:0;border-bottom:2px solid #0000;outline:0;font-size:clamp(2rem,5vw,3.4rem)}.title-input:focus{border-color:var(--accent)}.detail-panel,.detail-section-flow{gap:16px;display:grid}.detail-section-flow.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}.detail-section-flow.cards .journal-section{min-width:0}.detail-section-flow.cards textarea.large{min-height:170px}.next-step-panel{gap:18px;padding:22px;display:grid}.next-step-panel.inline{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center}.next-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.next-actions button{background:var(--accent-soft);min-height:48px;color:var(--ink);border-radius:8px;padding:0 14px;font-weight:850}.journal-section{overflow:hidden}.journal-section summary{cursor:pointer;min-height:56px;font-family:var(--heading-font);padding:16px 18px;font-size:1.16rem;font-weight:700}.section-body{gap:16px;padding:0 18px 18px;display:grid}.analysis-controls{gap:16px;padding:18px;display:grid}.analysis-quick-select{gap:14px;display:grid}.analysis-select-field{max-width:520px}.style-reminder{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 24%, var(--panel-strong));border-radius:8px;gap:6px;max-width:760px;padding:14px;display:grid}.style-reminder p,.style-reminder small{color:var(--muted);margin:0;line-height:1.45}.analysis-style-group{gap:10px;display:grid}.analysis-style-group h3{color:var(--muted);margin:0;font-size:.95rem}.analysis-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.analysis-style-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;align-content:start;gap:10px;padding:14px;display:grid}.analysis-style-card label{align-items:flex-start;gap:10px;display:flex}.analysis-style-card strong{margin-bottom:4px;display:block}.analysis-style-card small{color:var(--muted);line-height:1.45;display:block}.style-example{background:color-mix(in srgb, var(--accent-soft) 36%, transparent);border-radius:8px;padding:12px}.style-example p:last-child{margin-bottom:0}.settings-style-library{gap:12px;display:grid}.settings-style-group{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;overflow:hidden}.settings-style-group summary{cursor:pointer;min-height:52px;font-family:var(--heading-font);padding:14px 16px;font-weight:800}.settings-style-list{gap:10px;padding:0 14px 14px;display:grid}.settings-style-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px;display:grid}.settings-style-row p,.settings-style-row small{color:var(--muted);margin:4px 0 0;line-height:1.45;display:block}.style-grid,.visibility-grid,.tag-list{flex-wrap:wrap;gap:8px;display:flex}.style-pill,.toggle-row{align-items:center;gap:9px;display:inline-flex}.style-pill,.tag{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;min-height:38px;padding:0 10px;font-weight:800}.tag{color:var(--accent)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field.wide{grid-column:1/-1}.field span{color:var(--muted);font-family:var(--label-font);font-size:calc(.9rem * var(--label-scale) / 100);font-weight:850}.field small{color:var(--muted);line-height:1.45}input,select,textarea{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--ink);border-radius:8px;outline:0}input,select{min-height:46px;padding:0 12px}textarea{resize:vertical;min-height:110px;padding:14px;line-height:1.58}textarea.large{min-height:240px;font-size:1.08rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.prompt-list,.custom-field-list,.conversation-list{gap:12px;display:grid}.version-card.assistant{border-left:4px solid var(--accent)}.version-card.dreamer{border-left:4px solid var(--accent-warm)}.prompt-list p,.version-card,.empty-state{border:1px solid var(--line);background:var(--panel-strong);white-space:pre-wrap;border-radius:8px;margin:0;padding:16px}.capture-overlay{z-index:20;background:color-mix(in srgb, var(--paper) 26%, #0e121e7a);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.capture-sheet{background:var(--panel-strong);width:min(720px,100%);max-height:calc(100vh - 36px);padding:clamp(22px,5vw,38px);position:relative;overflow:auto}.capture-sheet.wide{width:min(880px,100%)}.capture-sheet h1{font-size:clamp(2.1rem,6vw,4rem)}.modal-close{position:absolute;top:16px;right:16px}.icon-button{background:var(--panel);width:42px;color:var(--ink);padding:0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.choice-card{border:1px solid var(--line);background:var(--panel);min-height:132px;color:var(--ink);text-align:left;border-radius:8px;gap:8px;padding:18px;display:grid}.choice-card strong{font-family:var(--serif);font-size:1.25rem}.choice-card span,.capture-meta,.modal-copy{color:var(--muted);line-height:1.5}.dream-capture-field{margin-top:18px}.capture-textarea{min-height:min(46vh,460px);font-size:clamp(1.16rem,3vw,1.45rem);line-height:1.65}.capture-meta{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:12px 0 18px;display:flex}.modal-actions{margin-top:18px}.theme-choice{gap:8px;min-height:120px;padding:16px;display:grid}.option-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.option-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:8px;min-height:118px;padding:16px;display:grid}.option-card.active{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}.option-card input{width:auto;min-height:auto}.option-card span{color:var(--muted);line-height:1.42}.color-field input[type=color]{min-height:46px;padding:6px}.setting-toggle{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;align-self:end;min-height:46px;padding:0 12px}.theme-choice.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}.theme-choice input{width:auto;min-height:auto}.theme-choice strong{font-family:var(--serif);font-size:1.12rem}.theme-choice span{color:var(--muted);line-height:1.4}.settings-preview{border:1px solid var(--line);background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-soft) var(--background-intensity), transparent) 0, transparent 34%), color-mix(in srgb, var(--paper) 82%, transparent);box-shadow:var(--shadow);border-radius:8px;margin-top:16px;padding:16px}.preview-page{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:14px;max-width:520px;margin:0 auto;padding:16px;display:grid}.preview-header{color:var(--ink);font-family:var(--heading-font);align-items:center;gap:10px;display:flex}.preview-header .brand-orb{width:28px;height:28px}.preview-hero{background:var(--panel-strong);border-radius:8px;gap:8px;padding:16px;display:grid}.preview-hero h2{margin:0}.preview-hero p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.45}.preview-hero .primary-button{width:fit-content}.preview-card-row{flex-wrap:wrap;gap:8px;display:flex}.preview-calendar-card{background:var(--panel);max-width:620px;margin:0 auto}.preview-calendar-card .calendar-day{min-height:clamp(44px,7vw,68px)}.custom-field-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.field-label-list{gap:10px;display:grid}.field-label-row{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;display:grid}.layout-note{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.layout-note span{color:var(--muted)}.symbolic-data-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.symbol-card{border:1px solid var(--line);background:var(--panel);min-height:132px;color:var(--ink);text-align:left;border-radius:8px;gap:8px;padding:16px;display:grid}.symbol-card.active{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}.symbol-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;font-weight:900;display:grid}.symbol-card small{color:var(--muted)}.symbol-detail,.chart-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:16px;padding:20px}.symbol-list{gap:10px;display:grid}.symbol-row{background:var(--panel-strong);width:100%;color:var(--ink);text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px;display:grid}.symbol-row.active,.symbol-row:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}.symbol-row small{color:var(--muted);grid-column:1/-1}.insight-match-panel{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.match-count{background:var(--accent-soft);min-height:34px;color:var(--ink);border-radius:999px;padding:7px 12px;font-weight:900}.insight-dream-list{gap:10px;display:grid}.insight-dream-row{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--ink);text-align:left;border-radius:8px;gap:5px;padding:14px;display:grid}.insight-dream-row:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));transform:translateY(-1px)}.insight-dream-row span,.insight-dream-row small{color:var(--muted)}.stats-grid,.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{color:var(--accent);font-family:var(--heading-font);margin:4px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;display:block}.mini-chart{background:color-mix(in srgb, var(--panel-strong) 70%, transparent);border-radius:8px;align-items:end;gap:10px;height:140px;margin:18px 0;padding:12px;display:flex}.mini-chart span{background:linear-gradient(180deg, var(--accent), var(--accent-soft));border-radius:999px 999px 4px 4px;flex:1;min-height:14%}.chart-legend{flex-wrap:wrap;gap:8px;display:flex}.chart-legend span{color:var(--muted);font-size:.9rem}.bottom-nav{z-index:8;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 92%, transparent);width:min(620px,100% - 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;display:none;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.bottom-nav button{min-height:54px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;gap:2px;display:grid}.bottom-nav button.active{background:var(--accent-soft);color:var(--ink)}.bottom-nav span{font-size:1rem;line-height:1}.bottom-nav small{font-size:.66rem;font-weight:850}.quick-theme-switcher{z-index:9;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 92%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;padding:8px 12px;position:fixed;bottom:18px;right:18px}.quick-theme-switcher label{align-items:center;gap:8px;display:flex}.quick-theme-switcher span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:900}.quick-theme-switcher select{width:auto;min-height:34px;color:var(--ink);background:0 0;border:0;font-weight:850}@media (width<=980px){.desktop-nav{display:none}.bottom-nav{display:grid}.quick-theme-switcher{bottom:78px;right:50%;transform:translate(50%)}.home-hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding-top:20px}.hero-copy{margin:0 auto}.hero-text{margin-inline:auto}.home-actions,.insight-grid,.theme-card-grid,.theme-grid,.option-card-grid,.analysis-card-grid,.symbolic-data-grid,.stats-grid,.archive-grid.cards,.archive-grid.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-shell,.chart-grid,.next-step-panel.inline{grid-template-columns:1fr}}@media (width<=680px){.app-header{min-height:66px;padding-inline:16px}.brand{font-size:1.05rem}.brand-orb{width:32px;height:32px}.main-stage{width:min(100% - 24px,1120px);padding-top:34px}h1{font-size:clamp(2.45rem,13vw,4rem)}.home-actions,.insight-grid,.theme-card-grid,.theme-grid,.option-card-grid,.analysis-card-grid,.symbolic-data-grid,.stats-grid,.chart-grid,.archive-grid.cards,.archive-grid.gallery,.field-grid,.choice-grid,.next-actions{grid-template-columns:1fr}.recent-dream,.section-heading,.detail-head,.page-head,.custom-field-row,.field-label-row,.settings-style-row,.layout-note{grid-template-columns:1fr;display:grid}.top-actions,.action-row,.modal-actions,.top-actions button,.action-row button,.modal-actions button,.primary-button,.ghost-button{width:100%}.log-orb{width:min(248px,78vw)}.bottom-nav{width:calc(100% - 16px);bottom:8px}.quick-theme-switcher{border-radius:8px;width:calc(100% - 32px)}.quick-theme-switcher label{justify-content:space-between}.bottom-nav small{font-size:.58rem}}.settings-section-nav{gap:.55rem;margin:0 0 1rem;padding:.35rem 0 1rem;display:flex;overflow-x:auto}.settings-section-nav button{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:.72rem 1rem;font-weight:800}.settings-section-nav button.active{background:var(--ink);color:var(--paper);border-color:#0000}.appearance-studio{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:1.25rem;display:grid}.appearance-controls,.appearance-preview-panel,.studio-panel{min-width:0}.appearance-preview-panel{position:sticky;top:1rem}.studio-panel,.appearance-preview,.appearance-apply-bar{border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 45px #17122a14}.studio-panel{border-radius:24px;gap:1.25rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.mode-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, var(--paper));border-radius:999px;gap:.25rem;margin-bottom:.9rem;padding:.25rem;display:inline-flex}.mode-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:850}.mode-switch button.active{background:var(--accent);color:#fff}.theme-preset-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.8rem;display:grid}.theme-preset-card{text-align:left;border:1px solid var(--line);background:var(--panel-strong);min-height:152px;color:var(--ink);cursor:pointer;border-radius:18px;gap:.55rem;padding:.85rem;display:grid}.theme-preset-card.active{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent)}.theme-preset-card.draft{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.theme-preset-card small{color:var(--muted);line-height:1.35}.theme-thumbnail{border:1px solid var(--line);background:linear-gradient(135deg, var(--paper) 0 40%, var(--accent-soft) 40% 64%, var(--panel-strong) 64%), var(--paper);height:58px;box-shadow:inset 0 0 0 8px color-mix(in srgb, var(--panel) 75%, transparent);border-radius:14px;display:block}.button-thumbnail{background:color-mix(in srgb, var(--accent-soft) 36%, var(--paper));border-radius:14px;place-items:center;min-height:78px;display:grid}.appearance-preview{--paper:var(--paper);--ink:var(--ink);--muted:var(--muted);--panel:var(--panel);--panel-strong:var(--panel-strong);--accent:var(--accent);--accent-soft:var(--accent-soft);--line:var(--line);background:radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--accent-soft) 55%, transparent), transparent 36%), var(--paper);color:var(--ink);border-radius:28px;gap:1rem;min-height:430px;padding:clamp(1rem,2vw,1.35rem);display:grid}.preview-page-select{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;display:flex}.preview-page-select strong{color:var(--ink)}.preview-mini-screen{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:22px;align-content:start;gap:.85rem;min-height:340px;padding:1rem;display:grid}.preview-mini-screen h2{margin:0;font-size:clamp(1.35rem,4vw,2.2rem);line-height:1.05}.preview-textarea{resize:none;border:1px solid var(--line);background:var(--panel-strong);min-height:115px;color:var(--muted);font:inherit;border-radius:16px;padding:.9rem}.preview-card-row{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.7rem;display:grid}.preview-mini-card{border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);border-radius:16px;padding:.9rem;font-weight:850}.page-theme-grid{margin-top:.9rem}.appearance-apply-bar{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;justify-content:flex-end;gap:.65rem;margin-top:.85rem;padding:.65rem;display:flex;position:sticky;bottom:.75rem}.log-dream-cta{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--ink);background:var(--panel-strong);box-shadow:0 22px 60px color-mix(in srgb, var(--accent) 18%, transparent);cursor:pointer;font:inherit;text-align:center;place-items:center;gap:.28rem;font-weight:900;display:inline-grid}.log-dream-cta small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72em}.log-dream-cta.small{min-width:132px;min-height:96px;padding:1rem}.log-dream-cta.medium{min-width:172px;min-height:132px;padding:1.25rem}.log-dream-cta.large{min-width:220px;min-height:220px;padding:1.6rem}.log-dream-cta.compact-preview{min-width:92px;min-height:66px;padding:.65rem;font-size:.78rem}.log-dream-cta.compact-preview small{display:none}.cta-icon{background:var(--accent);color:#fff;width:2.6rem;height:2.6rem;box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:999px;place-items:center;display:grid}.log-dream-cta.halo-orb{border-radius:999px}.log-dream-cta.glow-pill{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 62%, var(--panel-strong)));color:#fff;border-radius:999px;grid-auto-flow:column;min-height:74px;padding-inline:1.4rem}.log-dream-cta.glow-pill small{color:#ffffffc7}.log-dream-cta.soft-card{border-radius:22px;align-content:center}.log-dream-cta.ritual-seal{background:radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--accent-soft) 85%, transparent), transparent 34%), var(--panel-strong);border-radius:999px 999px 24px 24px}.log-dream-cta.minimal{min-height:64px;box-shadow:none;background:0 0;border-radius:999px}.log-dream-cta.custom{background:linear-gradient(135deg, var(--panel-strong), color-mix(in srgb, var(--accent-soft) 44%, var(--panel-strong)));border-radius:18px 32px}@media (width<=860px){.appearance-studio{grid-template-columns:1fr}.appearance-preview-panel,.appearance-apply-bar{position:static}.appearance-apply-bar{border-radius:20px;flex-wrap:wrap}.appearance-apply-bar button{flex:130px}.log-dream-cta.large{min-width:min(220px,74vw);min-height:min(220px,74vw)}}.visual-studio{gap:1rem;display:grid}.studio-tabs-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.studio-tabs{margin:0}.desktop-action-strip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--paper));border-radius:999px;gap:.55rem;padding:.35rem;display:flex;box-shadow:0 12px 35px #17122a14}.desktop-action-strip button{min-height:2.65rem}.studio-workspace{grid-template-columns:minmax(390px,.82fr) minmax(440px,1.18fr);align-items:start;gap:1rem;display:grid}.visual-picker-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), var(--panel)), var(--panel);border-radius:26px;gap:1rem;padding:clamp(1rem,2vw,1.35rem)}.studio-intro{gap:.2rem;display:grid}.studio-intro h2{margin:0;font-size:clamp(1.3rem,2.1vw,1.85rem);line-height:1.05}.studio-step{color:var(--ink);align-items:center;gap:.5rem;font-size:.84rem;font-weight:900;display:flex}.studio-step span{background:color-mix(in srgb, var(--accent) 12%, var(--panel-strong));width:1.4rem;height:1.4rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.72rem;display:grid}.compact-theme-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.65rem}.studio-preset-card{text-align:left;border-radius:16px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:.75rem;min-height:94px;padding:.65rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.studio-preset-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-1px)}.studio-preset-card.draft{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent), 0 14px 34px #2b1f521a}.preset-copy{gap:.22rem;min-width:0;display:grid}.preset-copy strong{line-height:1.05}.preset-copy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.preset-check{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:.55rem;right:.55rem}.theme-thumbnail{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 85%, white), color-mix(in srgb, var(--accent-soft) 52%, var(--paper))), var(--paper);height:60px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 80%, transparent);border-radius:13px;position:relative;overflow:hidden}.theme-thumbnail i,.theme-thumbnail b,.theme-thumbnail em{content:"";display:block;position:absolute}.theme-thumbnail i{background:color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50% 50% 0 0;height:55%;inset:auto -14% -18%}.theme-thumbnail b{background:color-mix(in srgb, var(--accent) 75%, white);border-radius:999px;width:.7rem;height:.7rem;top:18%;left:15%}.theme-thumbnail em{background:radial-gradient(circle, color-mix(in srgb, var(--accent-soft) 70%, white), transparent 68%);border-radius:999px;width:42%;height:46%;top:18%;right:13%}.theme-midnight-archive,.theme-velvet-night{background:radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--accent) 36%, transparent), transparent 22%), linear-gradient(135deg, #070a18, #21133d 58%, #050814)}.theme-forest-dream{background:linear-gradient(180deg, #e9ecd8, #526d58), var(--paper)}.theme-minimal-dawn{background:linear-gradient(135deg, #fffaf1, #efe7d7), var(--paper)}.studio-control-row{grid-template-columns:1.15fr .85fr;align-items:start;gap:.85rem;display:grid}.chip-grid{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.chip-grid button,.segmented-control button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 90%, white);color:var(--muted);min-height:2.25rem;font:inherit;cursor:pointer;border-radius:999px;padding:.45rem .72rem;font-weight:800}.chip-grid button.active,.segmented-control button.active{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:var(--accent);color:#fff}.segmented-control{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, var(--paper));border-radius:999px;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.5rem;padding:.25rem;display:grid}.segmented-control button{border-color:#0000;min-height:2rem;padding-inline:.5rem}.studio-secondary{background:color-mix(in srgb, var(--panel-strong) 80%, transparent);border-radius:16px}.studio-save-button{justify-self:start}.button-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.button-style-card{grid-template-columns:116px minmax(0,1fr);min-height:122px}.button-mini-preview{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 54%), color-mix(in srgb, var(--panel-strong) 92%, var(--paper));width:108px;height:82px;color:var(--ink);border-radius:22px;place-items:center;gap:.1rem;display:grid;position:relative;overflow:hidden}.button-mini-preview i,.button-mini-preview b,.button-mini-preview em{z-index:1;font-style:normal;position:relative}.button-mini-preview i{background:var(--accent);color:#fff;width:1.9rem;height:1.9rem;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;place-items:center;font-weight:900;display:grid}.button-mini-preview b{font-size:.76rem;line-height:1}.button-mini-preview em{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem}.button-mini-preview.halo-orb{border-radius:999px;width:86px;height:86px}.button-mini-preview.glow-pill{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 78%, white), #2f1689);color:#fff;width:116px;height:58px;box-shadow:0 14px 28px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:999px;grid-template-columns:auto 1fr auto;gap:.35rem;padding:0 .58rem}.button-mini-preview.glow-pill i{background:#ffffff2e;width:1.7rem;height:1.7rem}.button-mini-preview.glow-pill em{display:none}.button-mini-preview.glow-pill b{color:#fff}.button-mini-preview.soft-card{border-radius:17px;width:112px;height:76px}.button-mini-preview.ritual-seal{border-radius:999px 999px 18px 18px;width:88px;height:92px}.button-mini-preview.ritual-seal:before{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:inherit;content:"";position:absolute;inset:8px}.button-mini-preview.minimal{height:56px;box-shadow:none;background:0 0;border-radius:999px}.button-mini-preview.minimal em{display:none}.button-mini-preview.custom{background:linear-gradient(135deg, var(--panel-strong), color-mix(in srgb, var(--accent-soft) 42%, var(--panel-strong)));border-radius:18px 28px}.button-controls-row{grid-template-columns:1fr .62fr .78fr}.compact-toggle{background:color-mix(in srgb, var(--panel-strong) 86%, white);border-radius:999px;align-self:end;min-height:2.7rem}.appearance-preview-panel{top:.75rem}.appearance-preview{background:radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--accent-soft) 68%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 90%, white), var(--paper));border-radius:28px;min-height:0;padding:1rem}.preview-page-select{padding:0 .2rem}.preview-mini-screen{background:radial-gradient(circle at 75% 26%, color-mix(in srgb, var(--accent-soft) 80%, transparent), transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, white), color-mix(in srgb, var(--accent-soft) 24%, var(--paper)));border-radius:22px;min-height:390px;padding:0;position:relative;overflow:hidden}.preview-nav{z-index:1;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 84%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex;position:relative}.preview-brand{color:var(--ink);align-items:center;gap:.4rem;font-size:.68rem;font-weight:900;display:inline-flex}.preview-brand i{background:radial-gradient(circle at 36% 32%, white, var(--accent-soft) 42%, var(--accent));border-radius:999px;width:1.2rem;height:1.2rem}.preview-nav nav{color:var(--muted);gap:.62rem;font-size:.58rem;display:flex}.preview-nav b{font-weight:800}.preview-nav b.active{color:var(--accent)}.preview-hero-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.35rem 1.1rem;display:grid}.preview-hero-layout h2{font-size:clamp(1.8rem,4.2vw,3.2rem);line-height:.98}.preview-hero-layout p{max-width:19rem;color:var(--muted)}.preview-cta-stage{background:radial-gradient(circle, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 68%);border-radius:999px;place-items:center;min-width:230px;min-height:230px;display:grid}.preview-feature-row{grid-template-columns:repeat(3,1fr);gap:.55rem;padding:0 1.1rem 1rem;display:grid}.preview-feature-row article,.preview-dream-list article,.preview-metric-grid article,.preview-visual-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 90%, transparent);border-radius:16px;box-shadow:0 10px 28px #17122a0f}.preview-feature-row article{padding:.75rem;font-weight:900}.preview-page-title{justify-content:space-between;align-items:end;gap:1rem;padding:1.2rem 1rem .75rem;display:flex}.preview-page-title h2{margin:0}.preview-page-title span{color:var(--muted);font-size:.78rem}.preview-dream-list{gap:.55rem;padding:0 1rem 1rem;display:grid}.preview-dream-list article{gap:.12rem;padding:.75rem 4rem .75rem .85rem;display:grid;position:relative}.preview-dream-list small{color:var(--muted)}.preview-dream-list em{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);text-transform:uppercase;border-radius:999px;padding:.2rem .45rem;font-size:.56rem;font-style:normal;font-weight:900;position:absolute;top:.75rem;right:.75rem}.preview-metric-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;padding:0 1rem .85rem;display:grid}.preview-metric-grid article{gap:.2rem;padding:.75rem;display:grid}.preview-metric-grid strong{color:var(--accent);font-size:1.35rem}.preview-log-panel{text-align:center;gap:.7rem;width:min(76%,440px);margin:2rem auto;display:grid}.preview-log-actions{justify-content:center;gap:.55rem;display:flex}.preview-log-actions button{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 45%, var(--panel-strong));color:var(--accent);font:inherit;border-radius:999px;padding:.48rem .9rem;font-size:.74rem;font-weight:900}.preview-visual-card{text-align:center;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 34%), color-mix(in srgb, var(--panel-strong) 90%, transparent);place-items:center;min-height:180px;margin:0 1rem 1rem;padding:1rem;display:grid}.preview-mini-card{gap:.25rem;display:grid}.preview-mini-card small{color:var(--muted)}@media (width<=1080px){.studio-workspace{grid-template-columns:1fr}.appearance-preview-panel{position:static}.desktop-action-strip{display:none}}@media (width<=720px){.studio-tabs-row,.studio-control-row,.button-controls-row,.preview-hero-layout{grid-template-columns:1fr}.studio-tabs-row{display:grid}.button-preset-grid,.compact-theme-grid{grid-template-columns:1fr}.studio-preset-card{grid-template-columns:86px minmax(0,1fr)}.preview-nav nav{display:none}.preview-cta-stage{min-width:0;min-height:190px}.preview-feature-row,.preview-metric-grid{grid-template-columns:1fr}}body[data-route=appearance-prototype]{background:radial-gradient(circle at 24% 12%,#ddccffa3,#0000 34%),radial-gradient(circle at 82% 18%,#e8e1ffb8,#0000 36%),linear-gradient(#fbf9ff 0%,#f6f1fb 54%,#fdfcff 100%)}body[data-route=appearance-prototype] .app-shell{padding-bottom:0}.prototype-page{min-height:100vh;padding:clamp(18px,3vw,34px)}.prototype-shell{gap:1rem;width:min(1380px,100%);margin:0 auto;display:grid}.prototype-topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc2;border:1px solid #4e3d7d1f;border-radius:28px;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem;display:grid;box-shadow:0 24px 70px #382b5c1a}.prototype-topbar h1{margin:0;font-size:clamp(1.75rem,3vw,3.1rem)}.prototype-back{color:#4d3b73;min-height:2.75rem;font:inherit;background:#ffffffbd;border:1px solid #5c2ca82e;border-radius:999px;font-weight:900}.prototype-actions{gap:.55rem;display:flex}.prototype-tabs{background:#ffffffb8;border:1px solid #5c2ca824;border-radius:999px;justify-self:center;gap:.28rem;padding:.28rem;display:inline-flex;box-shadow:0 18px 45px #2a1d4b14}.prototype-tabs button{color:#68728b;min-height:2.55rem;font:inherit;background:0 0;border-radius:999px;padding:0 1rem;font-weight:900}.prototype-tabs button.active{color:#fff;background:#6a32c4;box-shadow:0 12px 28px #6a32c43d}.prototype-workspace{grid-template-columns:minmax(420px,.92fr) minmax(560px,1.08fr);align-items:start;gap:1rem;display:grid}.prototype-picker-panel,.prototype-preview-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #4e3d7d1f;border-radius:30px;box-shadow:0 30px 80px #382b5c1f}.prototype-picker-panel{gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.prototype-panel-heading{align-items:flex-start;gap:.8rem;display:flex}.prototype-panel-heading>span{color:#6a32c4;background:#efe7ff;border-radius:999px;place-items:center;width:2.05rem;height:2.05rem;font-weight:950;display:grid}.prototype-panel-heading h2{margin:0 0 .2rem;font-size:clamp(1.45rem,2.2vw,2rem)}.prototype-panel-heading p{color:#66728d;max-width:44rem;margin:0;line-height:1.45}.prototype-theme-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.72rem;display:grid}.prototype-theme-card,.prototype-button-card{color:#101827;text-align:left;background:#ffffffc2;border:1px solid #57458221;border-radius:20px;gap:.65rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 12px 36px #281f460f}.prototype-theme-card{min-height:170px;padding:.72rem}.prototype-theme-card:hover,.prototype-button-card:hover{border-color:#6a32c461;transform:translateY(-2px)}.prototype-theme-card.selected,.prototype-button-card.selected{border-color:#6a32c4b8;box-shadow:0 0 0 3px #6a32c41f,0 22px 50px #512f8e21}.prototype-theme-card strong,.prototype-button-card strong{margin-bottom:.15rem;font-size:.98rem;line-height:1.08;display:block}.prototype-theme-card small,.prototype-button-card small{color:#64708a;line-height:1.28;display:block}.prototype-theme-card mark,.prototype-button-card mark{color:#fff;background:#6a32c4;border-radius:999px;place-items:center;width:1.45rem;height:1.45rem;font-weight:950;display:grid;position:absolute;top:.7rem;right:.7rem}.prototype-theme-art{background:radial-gradient(circle at 72% 26%, color-mix(in srgb, var(--accent-soft) 80%, white), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 90%, white), color-mix(in srgb, var(--accent-soft) 50%, var(--paper)));border:1px solid #5745821f;border-radius:16px;height:78px;display:block;position:relative;overflow:hidden}.prototype-theme-art i,.prototype-theme-art b,.prototype-theme-art em{display:block;position:absolute}.prototype-theme-art i{background:color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50% 50% 0 0;height:50%;inset:auto -8% -14%}.prototype-theme-art b{background:color-mix(in srgb, var(--accent) 75%, white);border-radius:999px;width:.78rem;height:.78rem;top:22%;left:14%}.prototype-theme-art em{background:radial-gradient(circle,#ffffffd1,#0000 66%);border-radius:999px;width:38%;height:46%;top:18%;right:16%}.prototype-theme-art.midnight-archive,.prototype-theme-art.velvet-night{background:radial-gradient(circle at 72% 28%,#ac8aff61,#0000 24%),linear-gradient(135deg,#080b18 0%,#201142 58%,#070914 100%)}.prototype-theme-art.forest-dream{background:radial-gradient(circle at 76% 28%,#f8f1c985,#0000 24%),linear-gradient(#e7ead7 0%,#537059 100%)}.prototype-theme-art.minimal-dawn{background:radial-gradient(circle at 75% 28%,#ffffffe6,#0000 24%),linear-gradient(135deg,#fffaf1,#ede4d2)}.prototype-button-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;display:grid}.prototype-button-card{min-height:220px;padding:.82rem}.prototype-button-art{background:radial-gradient(circle at 50% 36%,#dbcaffb8,#0000 52%),#ffffffc7;border:1px solid #6a32c429;border-radius:24px;place-items:center;gap:.18rem;min-height:116px;display:grid;position:relative;overflow:hidden}.prototype-button-art i{color:#fff;background:#6a32c4;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;font-style:normal;font-weight:950;display:grid;box-shadow:0 14px 30px #6a32c447}.prototype-button-art b{font-family:var(--serif);font-size:1.15rem}.prototype-button-art em{color:#73809b;letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:900}.prototype-button-art.halo-orb{border-radius:999px;width:132px;min-height:132px;margin:0 auto}.prototype-button-art.glow-pill{color:#fff;background:linear-gradient(135deg,#8d5cff 0%,#5020b0 72%,#2a146f 100%);border-radius:999px;grid-template-columns:auto 1fr auto;min-height:82px;padding:0 1.05rem;box-shadow:0 18px 44px #6a32c440}.prototype-button-art.glow-pill i{background:#ffffff2e}.prototype-button-art.glow-pill em{color:#ffffffb8}.prototype-button-art.soft-card{border-radius:26px;min-height:132px}.prototype-button-art.ritual-seal{border-radius:999px 999px 28px 28px;min-height:150px}.prototype-button-art.ritual-seal:before{border-radius:inherit;content:"";border:1px solid #6a32c429;position:absolute;inset:12px}.prototype-button-art.minimal{background:#ffffff85;border-radius:999px;min-height:82px}.prototype-button-art.custom{background:linear-gradient(135deg,#ffffffe6,#e2d5ff9e);border-radius:24px 38px}.prototype-inline-controls{border-top:1px solid #5745821a;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.prototype-inline-controls>span{color:#66728d;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}.prototype-page-selector{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.prototype-page-selector button{color:#65708b;min-height:2.25rem;font:inherit;background:#ffffffb8;border:1px solid #57458221;border-radius:999px;padding:0 .8rem;font-weight:900}.prototype-page-selector button.active{color:#fff;background:#6a32c4}.prototype-advanced-card{text-align:center;background:#f9f6ffd1;border:1px dashed #6a32c447;border-radius:24px;align-content:center;place-items:center;gap:.65rem;min-height:420px;display:grid}.prototype-advanced-card span{color:#6a32c4;font-size:2rem}.prototype-advanced-card p{color:#66728d;max-width:32rem}.prototype-preview-panel{background:radial-gradient(circle at 74% 14%, color-mix(in srgb, var(--accent-soft) 62%, transparent), transparent 32%), color-mix(in srgb, var(--paper) 86%, white);color:var(--ink);gap:.85rem;padding:1rem;display:grid;position:sticky;top:1.2rem}.prototype-preview-head{justify-content:space-between;align-items:center;gap:1rem;padding:0 .2rem;display:flex}.prototype-preview-head strong{font-size:1.2rem}.prototype-preview-head>span{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 74%, transparent);color:var(--muted);border-radius:999px;padding:.45rem .7rem;font-size:.78rem;font-weight:900}.prototype-device-frame{border:1px solid var(--line);background:var(--paper);border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b,0 24px 62px #30244f1f}.prototype-mini-app{background:radial-gradient(circle at 78% 20%, color-mix(in srgb, var(--accent-soft) 84%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--paper) 94%, white), color-mix(in srgb, var(--accent-soft) 26%, var(--paper)));min-height:600px}.prototype-mini-nav{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 76%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.prototype-mini-nav span{font-family:var(--serif);align-items:center;gap:.5rem;font-style:italic;font-weight:800;display:inline-flex}.prototype-mini-nav i{background:radial-gradient(circle at 35% 35%, #fff, var(--accent-soft) 42%, var(--accent));border-radius:999px;width:1.65rem;height:1.65rem}.prototype-mini-nav nav{color:var(--muted);gap:.8rem;font-size:.7rem;display:flex}.prototype-mini-nav b.active{color:var(--accent)}.prototype-mini-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:center;gap:clamp(1rem,4vw,3rem);min-height:390px;padding:clamp(1.4rem,4vw,3rem);display:grid}.prototype-mini-hero h2{max-width:560px;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.prototype-mini-hero p{max-width:31rem;color:var(--muted);font-size:1rem;line-height:1.65}.prototype-trust-strip{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.prototype-trust-strip span{border-right:1px solid var(--line);color:var(--muted);padding-right:.7rem;font-weight:850}.prototype-hero-button-stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent-soft) 76%, transparent), transparent 64%);border-radius:999px;place-items:center;min-height:300px;display:grid}.prototype-hero-button{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 52%), color-mix(in srgb, var(--panel-strong) 92%, white);width:240px;min-height:240px;box-shadow:0 28px 80px color-mix(in srgb, var(--accent) 18%, transparent);text-align:center;border-radius:999px;place-items:center;gap:.35rem;display:grid;position:relative}.prototype-hero-button i{background:var(--accent);color:#fff;width:3.3rem;height:3.3rem;box-shadow:0 16px 34px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:999px;place-items:center;font-style:normal;font-weight:950;display:grid}.prototype-hero-button strong{font-family:var(--serif);font-size:1.55rem}.prototype-hero-button small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.prototype-hero-button.glow-pill{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 74%, white), #2f1689);color:#fff;border-radius:999px;grid-template-columns:auto 1fr auto;width:min(420px,100%);min-height:112px;padding:0 1.4rem}.prototype-hero-button.glow-pill small{color:#ffffffc2}.prototype-hero-button.soft-card{border-radius:34px;width:min(340px,100%);min-height:240px}.prototype-hero-button.ritual-seal{border-radius:42px;width:300px;min-height:300px}.prototype-hero-button.ritual-seal:before{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);content:"";border-radius:34px;position:absolute;inset:16px}.prototype-hero-button.minimal{background:color-mix(in srgb, var(--panel-strong) 82%, transparent);width:250px;min-height:86px;box-shadow:none;border-radius:999px}.prototype-hero-button.custom{border-radius:38px 64px}.prototype-mini-cards{grid-template-columns:repeat(3,1fr);gap:.85rem;padding:0 clamp(1.4rem,4vw,3rem) clamp(1.4rem,4vw,2.2rem);display:grid}.prototype-mini-cards article{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 86%, transparent);border-radius:20px;gap:.35rem;padding:1rem;display:grid;box-shadow:0 16px 40px #30244f14}.prototype-mini-cards i{background:color-mix(in srgb, var(--accent-soft) 66%, transparent);width:2.2rem;height:2.2rem;color:var(--accent);border-radius:999px;place-items:center;font-style:normal;display:grid}.prototype-mini-cards small{color:var(--muted)}.prototype-placeholder-screen{text-align:center;align-content:center;place-items:center;gap:.85rem;min-height:520px;padding:2rem;display:grid}.prototype-placeholder-screen p{max-width:30rem;color:var(--muted)}.prototype-placeholder-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 86%, transparent);border-radius:24px;width:min(420px,88%);height:190px;box-shadow:0 18px 50px #30244f14}@media (width<=1120px){.prototype-topbar,.prototype-workspace{grid-template-columns:1fr}.prototype-actions{justify-content:start}.prototype-preview-panel{position:static}}@media (width<=760px){.prototype-page{padding:.75rem}.prototype-tabs,.prototype-inline-controls,.prototype-page-selector{justify-content:flex-start;justify-self:stretch}.prototype-theme-grid,.prototype-button-grid,.prototype-mini-hero,.prototype-mini-cards{grid-template-columns:1fr}.prototype-mini-nav nav{display:none}.prototype-hero-button-stage{min-height:240px}}body[data-route=appearance-visual-prototype]{background:#070717;overflow-x:hidden}body[data-route=appearance-visual-prototype] #app{min-height:100vh}.visual-studio-page{min-height:100vh;color:var(--visual-ink);background:radial-gradient(circle at 78% 14%, var(--visual-orb), transparent 30rem), radial-gradient(circle at 14% 82%, var(--visual-orb-2), transparent 34rem), linear-gradient(135deg, var(--visual-bg-a), var(--visual-bg-b) 48%, var(--visual-bg-c));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.visual-studio-page.visual-dark{--visual-ink:#f7f2ff;--visual-muted:#a99ac9;--visual-subtle:#ece2ffad;--visual-line:#deccff2e;--visual-panel:#12102dc7;--visual-panel-strong:#1a153deb;--visual-card:#ffffff0e;--visual-card-strong:#ffffff17;--visual-pill:#ffffff14;--visual-accent:#9b63ff;--visual-accent-2:#63c9ff;--visual-glow:#8c52ff73;--visual-bg-a:#080716;--visual-bg-b:#14102b;--visual-bg-c:#070816;--visual-orb:#7550ff57;--visual-orb-2:#4fc6ff29}.visual-studio-page.visual-light{--visual-ink:#14172f;--visual-muted:#7b7194;--visual-subtle:#3d3658ad;--visual-line:#694ea024;--visual-panel:#ffffffb8;--visual-panel-strong:#ffffffeb;--visual-card:#ffffffad;--visual-card-strong:#fffffff0;--visual-pill:#fffc;--visual-accent:#6f43d8;--visual-accent-2:#8ec7ff;--visual-glow:#9369ff38;--visual-bg-a:#fffafd;--visual-bg-b:#efe7ff;--visual-bg-c:#f8fbff;--visual-orb:#ccb0ff57;--visual-orb-2:#75c3ff2e}.visual-atmosphere,.visual-atmosphere i,.visual-atmosphere b,.visual-atmosphere em{pointer-events:none;position:absolute;inset:0}.visual-atmosphere i{clip-path:polygon(0 54%,16% 46%,34% 58%,50% 42%,68% 56%,84% 38%,100% 50%,100% 100%,0 100%);background:radial-gradient(at 70% 80%,#ffffff61,#0000 24rem),linear-gradient(165deg,#0000 25%,#9171e633 26% 32%,#0000 34%),linear-gradient(12deg,#2d275b8c,#7864c433,#0000 70%);height:28rem;inset:auto -8rem -5rem}.visual-light .visual-atmosphere i{background:radial-gradient(at 70% 80%,#fffc,#0000 24rem),linear-gradient(165deg,#0000 25%,#c6b0f46b 26% 32%,#0000 34%),linear-gradient(12deg,#b6aae866,#ffe1ee52,#0000 70%)}.visual-atmosphere b{border:1px solid #fff3;border-radius:999px;width:14rem;height:14rem;top:9%;right:12%;box-shadow:0 0 0 4rem #8e65ff0a,0 0 7rem #8e65ff57,inset -2rem -1rem 4rem #5534b947}.visual-light .visual-atmosphere b{border-color:#7552be29;box-shadow:0 0 0 5rem #d3beff3d,0 0 8rem #a988ff47,inset -2rem -1rem 4rem #a082e61f}.visual-atmosphere em{color:#ffffff8c;background:currentColor;border-radius:999px;width:.35rem;height:.35rem;top:8%;left:9%;box-shadow:9rem 3rem,24rem 7rem,42rem 2rem,68rem 9rem,74rem 20rem,18rem 24rem,58rem 31rem}.visual-studio-shell{z-index:1;width:min(1500px,100% - 3rem);margin:0 auto;padding:1.4rem 0 2rem;position:relative}.visual-studio-header{border:1px solid var(--visual-line);background:color-mix(in srgb, var(--visual-panel-strong) 86%, transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem;display:grid;box-shadow:0 1.5rem 5rem #06041238}.visual-back,.visual-ghost-action,.visual-primary-action,.visual-mode-toggle button,.visual-studio-tabs button,.visual-page-pills button,.visual-size-picker button{font:inherit;color:inherit;cursor:pointer;border:0}.visual-back{background:var(--visual-pill);min-width:8.4rem;color:var(--visual-subtle);border-radius:999px;padding:.85rem 1rem}.visual-title-lockup{text-align:center}.visual-title-lockup p,.visual-preview-toolbar p,.visual-mini-copy p,.visual-log-panel p,.visual-archive-panel p,.visual-insights-panel p{color:var(--visual-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.visual-title-lockup h1{margin:.08rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.9rem;line-height:1}.visual-title-lockup span{color:var(--visual-muted);margin-top:.25rem;font-size:.9rem;display:block}.visual-header-tools{justify-content:end;align-items:center;gap:.6rem;display:flex}.visual-mode-toggle,.visual-studio-tabs,.visual-page-pills,.visual-size-picker{border:1px solid var(--visual-line);background:#ffffff14;border-radius:999px;align-items:center;gap:.2rem;padding:.22rem;display:inline-flex}.visual-mode-toggle button,.visual-studio-tabs button,.visual-page-pills button,.visual-size-picker button{color:var(--visual-muted);background:0 0;border-radius:999px;padding:.62rem .95rem;font-weight:800}.visual-mode-toggle button.active,.visual-studio-tabs button.active,.visual-page-pills button.active,.visual-size-picker button.active{color:#fff;box-shadow:0 .8rem 2rem var(--visual-glow);background:linear-gradient(135deg,#7c4cff,#b154ff)}.visual-ghost-action,.visual-primary-action{border-radius:999px;padding:.85rem 1.05rem;font-weight:900}.visual-ghost-action{background:var(--visual-pill);color:var(--visual-subtle)}.visual-primary-action{color:#fff;box-shadow:0 1rem 2.5rem var(--visual-glow);background:linear-gradient(135deg,#6d42df,#a446ee)}.visual-studio-tabs{background:color-mix(in srgb, var(--visual-panel) 84%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:max-content;margin:1.1rem auto;display:flex}.visual-workspace{grid-template-columns:minmax(350px,.36fr) minmax(620px,1fr);align-items:stretch;gap:1.1rem;display:grid}.visual-picker{padding:1rem}.visual-step-heading{align-items:start;gap:.75rem;padding:.4rem .25rem 1rem;display:flex}.visual-step-heading>span{width:2rem;height:2rem;color:var(--visual-accent);background:color-mix(in srgb, var(--visual-accent) 16%, transparent);border-radius:999px;flex:none;place-items:center;font-weight:950;display:grid}.visual-step-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.visual-step-heading p{color:var(--visual-muted);margin:.25rem 0 0;line-height:1.4}.visual-theme-grid,.visual-button-grid{gap:.7rem;display:grid}.visual-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-theme-card,.visual-button-card{border:1px solid var(--visual-line);background:var(--visual-card);color:inherit;cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative}.visual-theme-card:hover,.visual-button-card:hover{background:var(--visual-card-strong);transform:translateY(-2px)}.visual-theme-card.selected,.visual-button-card.selected{border-color:color-mix(in srgb, var(--visual-accent) 76%, white);box-shadow:0 1rem 3rem var(--visual-glow)}.visual-theme-card{border-radius:18px;grid-template-columns:5.8rem 1fr;align-items:center;gap:.7rem;min-height:6.1rem;padding:.55rem}.visual-theme-scene{background:linear-gradient(#efecff,#cab9f3);border:1px solid #ffffff29;border-radius:14px;height:4.55rem;display:block;position:relative;overflow:hidden}.visual-theme-scene i,.visual-theme-scene b,.visual-theme-scene em{display:block;position:absolute}.visual-theme-scene i{background:#ffffffeb;border-radius:999px;width:.8rem;height:.8rem;top:.85rem;left:1.2rem;box-shadow:0 0 1.4rem #fffc}.visual-theme-scene b{clip-path:polygon(0 70%,24% 48%,45% 68%,64% 38%,100% 72%,100% 100%,0 100%);background:linear-gradient(135deg,#0000 15%,#5a429a6b 16% 38%,#0000 39%),#876dca5c;height:2.1rem;inset:auto 0 0}.visual-theme-scene em{opacity:.7;border:1px solid #ffffffa6;border-radius:999px;width:1.8rem;height:1.8rem;inset:auto 1rem .72rem auto}.visual-theme-scene.midnight-archive{background:radial-gradient(circle at 74% 28%,#6d56c8,#0000 1.8rem),linear-gradient(160deg,#071024,#201546 72%)}.visual-theme-scene.moonwater{background:radial-gradient(circle at 72% 25%,#fff,#0000 1.7rem),linear-gradient(#dff0ff,#a8c1df)}.visual-theme-scene.velvet-night{background:radial-gradient(circle at 74% 30%,#c48bff,#0000 1.8rem),linear-gradient(135deg,#170720,#35104e 70%)}.visual-theme-scene.forest-dream{background:radial-gradient(circle at 80% 24%,#d7f2bd,#0000 1.8rem),linear-gradient(#6f8f6f,#264e3e)}.visual-theme-scene.minimal-dawn{background:radial-gradient(circle at 70% 25%,#ffe6be,#0000 1.8rem),linear-gradient(#fff8ee,#dfd6ca)}.visual-theme-scene.custom{background:linear-gradient(135deg,#f6f2ff,#cab8f0 55%,#fff)}.visual-card-copy{gap:.18rem;min-width:0;display:grid}.visual-card-copy strong{font-weight:950;line-height:1.05}.visual-card-copy small{color:var(--visual-muted);line-height:1.25}.visual-theme-card mark,.visual-button-card mark{color:#fff;width:1.45rem;height:1.45rem;box-shadow:0 .6rem 1.2rem var(--visual-glow);background:linear-gradient(135deg,#7044dd,#a254ff);border-radius:999px;place-items:center;display:grid;position:absolute;top:.55rem;right:.55rem}.visual-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-button-card{border-radius:20px;grid-template-columns:6.3rem 1fr;align-items:center;gap:.75rem;min-height:9.2rem;padding:.75rem}.visual-button-sample{text-align:center;background:radial-gradient(circle at 50% 15%,#9c6eff40,#0000 2.3rem),#ffffff14;border:1px solid #8e64e157;border-radius:18px;align-content:center;place-items:center;gap:.22rem;min-height:6.9rem;display:grid}.visual-button-sample i,.visual-hero-button i{color:#fff;background:linear-gradient(135deg,#6c3cda,#9b4df2);border-radius:999px;place-items:center;font-style:normal;display:grid;box-shadow:0 .8rem 2rem #6d3ddc6b}.visual-button-sample i{width:2.1rem;height:2.1rem}.visual-button-sample b{font-size:.76rem}.visual-button-sample em{max-width:5.8rem;color:var(--visual-muted);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.56rem;font-style:normal;font-weight:900;overflow:hidden}.visual-button-sample.glow-pill{color:#fff;background:linear-gradient(135deg,#6e46dc,#8d54f0);border-radius:999px;min-height:4.5rem;box-shadow:inset 0 0 1.4rem #ffffff29}.visual-button-sample.glow-pill i{width:1.6rem;height:1.6rem;box-shadow:none}.visual-button-sample.soft-card{background:#ffffff2e;border-radius:22px}.visual-button-sample.ritual-seal{border-radius:999px 999px 24px 24px}.visual-button-sample.minimal{background:0 0;border-radius:999px;min-height:4.1rem}.visual-button-options{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:.9rem;display:flex}.visual-button-options label{border:1px solid var(--visual-line);background:var(--visual-card);color:var(--visual-subtle);border-radius:999px;align-items:center;gap:.4rem;padding:.6rem .75rem;font-weight:800;display:flex}.visual-tucked-controls{border:1px solid var(--visual-line);color:var(--visual-muted);background:#ffffff0d;border-radius:18px;margin-top:.85rem;padding:.75rem .9rem}.visual-tucked-controls summary{cursor:pointer;color:var(--visual-ink);font-weight:900}.visual-preview{grid-template-rows:auto 1fr;min-height:760px;padding:1rem;display:grid}.visual-preview-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .25rem .95rem;display:flex}.visual-preview-toolbar strong{margin-top:.12rem;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;display:block}.visual-preview-frame{border:1px solid color-mix(in srgb, var(--visual-line) 65%, transparent);background:radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--accent-soft) 65%, transparent), transparent 18rem), linear-gradient(135deg, var(--paper), color-mix(in srgb, var(--accent-soft) 42%, var(--paper)) 62%, var(--paper));border-radius:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,0 2rem 5rem #05041229}.visual-mini-app{min-height:100%;color:var(--ink);isolation:isolate;padding:1.35rem;position:relative}.visual-mini-app:before{content:"";z-index:-1;background:radial-gradient(circle at 75% 15%, #ffffff8c, transparent 9rem), linear-gradient(12deg, color-mix(in srgb, var(--accent) 22%, transparent), transparent 45%);clip-path:polygon(0 52%,18% 42%,36% 58%,56% 39%,76% 56%,100% 44%,100% 100%,0 100%);opacity:.55;height:28rem;position:absolute;inset:4.5rem 0 auto}.visual-mini-nav{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.8rem .9rem;display:grid;box-shadow:0 1rem 3rem #19123014}.visual-mini-nav span{align-items:center;gap:.45rem;font-family:Georgia,Times New Roman,serif;font-weight:900;display:flex}.visual-mini-nav span i{background:radial-gradient(circle at 65% 35%, #fff 0 18%, transparent 20%), linear-gradient(135deg, var(--accent), var(--accent-soft));width:1.7rem;height:1.7rem;box-shadow:0 .65rem 1.6rem color-mix(in srgb, var(--accent) 26%, transparent);border-radius:999px}.visual-mini-nav nav{color:var(--muted);justify-content:center;gap:1.3rem;font-size:.78rem;display:flex}.visual-mini-nav b.active{color:var(--accent)}.visual-mini-nav button{color:#fff;background:var(--accent);border:0;border-radius:999px;padding:.52rem .75rem;font-weight:900}.visual-mini-hero{grid-template-columns:minmax(0,.9fr) minmax(280px,.72fr);align-items:center;gap:2.4rem;min-height:430px;padding:3.2rem 1.2rem 1.8rem;display:grid}.visual-mini-copy h2{margin:.7rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:4.6rem;line-height:.96}.visual-mini-copy>span{max-width:37rem;color:var(--muted);margin-top:1.2rem;font-size:1.2rem;line-height:1.55;display:block}.visual-mini-note{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 78%, transparent);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .8rem;max-width:28rem;margin-top:2rem;padding:.95rem 1rem;display:grid}.visual-mini-note i{width:2.2rem;height:2.2rem;color:var(--accent);background:var(--accent-soft);border-radius:999px;grid-row:span 2;place-items:center;font-style:normal;display:grid}.visual-mini-note small{color:var(--muted)}.visual-mini-cta-stage{place-items:center;min-height:22rem;display:grid}.visual-hero-button{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--panel-strong) 86%, transparent);width:18rem;height:18rem;box-shadow:0 2rem 5rem color-mix(in srgb, var(--accent) 22%, transparent), inset 0 0 3rem #ffffff1f;text-align:center;border-radius:999px;align-content:center;place-items:center;gap:.75rem;display:grid}.visual-hero-button i{width:3.35rem;height:3.35rem;font-size:1.25rem}.visual-hero-button strong{font-family:Georgia,Times New Roman,serif;font-size:2.15rem}.visual-hero-button small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:950}.visual-hero-button.glow-pill{color:#fff;background:linear-gradient(135deg,#6a3ad9,#8a50f0);border-radius:999px;grid-template-columns:auto auto auto;width:26rem;height:7.4rem}.visual-hero-button.glow-pill small{color:#ffffffb3;grid-column:2/4}.visual-hero-button.soft-card{border-radius:32px;width:21rem;height:15rem}.visual-hero-button.ritual-seal{border-radius:999px 999px 34px 34px;width:20rem;height:20rem}.visual-hero-button.minimal{background:0 0;border-radius:999px;width:17rem;height:7rem}.visual-hero-button.custom{border-radius:999px;width:19rem;height:9rem}.visual-mini-card-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem;padding:0 1rem 1rem;display:grid}.visual-mini-card-row article{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 84%, transparent);border-radius:20px;min-height:9.5rem;padding:1rem;box-shadow:0 1rem 2.5rem #19123012}.visual-mini-card-row i{width:2.2rem;height:2.2rem;color:var(--accent);background:var(--accent-soft);border-radius:999px;place-items:center;margin-bottom:1.1rem;font-style:normal;display:grid}.visual-mini-card-row strong,.visual-mini-card-row small{display:block}.visual-mini-card-row strong{font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.visual-mini-card-row small{color:var(--muted);margin-top:.45rem;line-height:1.4}.visual-mini-quote{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 68%, transparent);color:var(--muted);border-radius:18px;margin:.7rem 1rem 0;padding:.9rem 1rem;font-family:Georgia,Times New Roman,serif;font-style:italic}.visual-log-panel,.visual-archive-panel,.visual-insights-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 86%, transparent);border-radius:26px;width:min(760px,100% - 2rem);margin:3rem auto;padding:2rem;box-shadow:0 1.4rem 4rem #1912301a}.visual-log-panel{text-align:center;justify-items:center;gap:1rem;display:grid}.visual-log-panel h2,.visual-archive-panel h2,.visual-insights-panel h2{margin:.2rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:2.2rem}.visual-dream-input{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 78%, white);width:min(560px,100%);min-height:8rem;color:var(--muted);text-align:left;border-radius:18px;padding:1.1rem}.visual-log-actions{gap:.7rem;display:flex}.visual-log-actions button{color:#fff;background:var(--accent);border:0;border-radius:999px;padding:.72rem 1.1rem;font-weight:900}.visual-log-panel .visual-hero-button{transform-origin:top;margin-bottom:-3rem;transform:scale(.72)}.visual-archive-panel article{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 75%, transparent);border-radius:16px;grid-template-columns:4.2rem 1fr auto;align-items:center;gap:.9rem;padding:.8rem;display:grid}.visual-archive-panel article+article{margin-top:.7rem}.visual-archive-panel article i{background:linear-gradient(160deg, var(--accent-soft), color-mix(in srgb, var(--accent) 38%, #1b1440));border-radius:12px;height:3.2rem}.visual-archive-panel article strong,.visual-archive-panel article small{display:block}.visual-archive-panel article small{color:var(--muted)}.visual-archive-panel article b{color:var(--accent);background:var(--accent-soft);text-transform:uppercase;border-radius:999px;padding:.32rem .55rem;font-size:.7rem}.visual-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.visual-stat-grid article{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:16px;padding:1rem}.visual-stat-grid span{font-size:1.75rem;font-weight:950;display:block}.visual-stat-grid small{color:var(--muted)}.visual-chart-card{border:1px solid var(--line);background:linear-gradient(180deg, transparent 0 48%, color-mix(in srgb, var(--line) 80%, transparent) 49% 50%, transparent 51%), color-mix(in srgb, var(--panel) 72%, transparent);border-radius:18px;height:15rem;margin-top:1rem;position:relative;overflow:hidden}.visual-chart-card i{border-bottom:.35rem solid var(--accent);border-left:.35rem solid #0000;border-radius:50%;height:6rem;position:absolute;inset:3rem 3rem auto;transform:rotate(-7deg)}.visual-chart-card b{border:1.4rem solid color-mix(in srgb, var(--accent) 38%, var(--accent-soft));border-radius:999px;width:12rem;height:7rem;position:absolute;bottom:3rem;right:4rem}.visual-studio-footer{justify-content:flex-end;gap:.8rem;margin-top:1rem;display:flex}.visual-studio-footer div{border:1px solid var(--visual-line);background:color-mix(in srgb, var(--visual-panel-strong) 88%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:999px;align-items:center;gap:.8rem;min-width:14rem;padding:.9rem 1.1rem;display:flex;box-shadow:0 1rem 3rem #05041224}.visual-studio-footer span{color:var(--visual-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:950}@media (width<=1180px){.visual-studio-header,.visual-workspace{grid-template-columns:1fr}.visual-header-tools{flex-wrap:wrap;justify-content:center}.visual-back{justify-self:center}}@media (width<=820px){.visual-studio-shell{width:min(100% - 1rem,1500px)}.visual-theme-grid,.visual-button-grid,.visual-mini-hero,.visual-mini-card-row,.visual-stat-grid{grid-template-columns:1fr}.visual-preview-toolbar,.visual-studio-footer{flex-direction:column;align-items:stretch}.visual-mini-nav{grid-template-columns:1fr auto}.visual-mini-nav nav{display:none}.visual-mini-copy h2{font-size:3rem}.visual-hero-button,.visual-hero-button.ritual-seal{width:15rem;height:15rem}.visual-hero-button.glow-pill,.visual-hero-button.custom{width:100%}}body[data-route=appearance-visual-prototype]{background:#08071a}.visual-studio-page{--studio-serif:Georgia, "Times New Roman", serif;min-height:100vh;padding:1.55rem}.visual-studio-page.visual-light{background:radial-gradient(circle at 94% 16%,#fffffff0 0 2.8rem,#0000 2.9rem),radial-gradient(circle at 4% 24%,#cebcf23d 0 8rem,#0000 8.1rem),radial-gradient(circle at 78% 8%,#ebd7ffb3,#0000 27rem),linear-gradient(135deg,#fffafd 0%,#f5efff 44%,#efe6fb 100%)}.visual-studio-page.visual-dark{background:radial-gradient(circle at 94% 16%,#dec0ff47 0 3.2rem,#0000 3.3rem),radial-gradient(circle at 5% 26%,#794fff38 0 7rem,#0000 7.1rem),linear-gradient(135deg,#09091f 0%,#101033 44%,#130b2c 100%)}.visual-atmosphere{opacity:1}.visual-atmosphere:before{content:"";opacity:.32;background-image:radial-gradient(circle,#ffffffeb 0 1px,#0000 1.5px),radial-gradient(circle,#9e6dff73 0 1px,#0000 1.6px);background-position:12% 9%,63% 15%;background-size:13rem 9rem,19rem 13rem;position:absolute;inset:0}.visual-light .visual-atmosphere:before{opacity:.18}.visual-atmosphere i{opacity:.75;background:linear-gradient(170deg,#0000 20%,#957ed338 21% 34%,#0000 35%),linear-gradient(10deg,#62599770,#c3b7e847,#0000 72%);height:18rem;inset:auto -7rem -1rem}.visual-atmosphere b{background:radial-gradient(circle at 30% 35%,#0000 0 2.2rem,#ffffffc7 2.25rem 3rem,#0000 3.05rem);border:0;width:8rem;height:8rem;top:8.4rem;right:1.5rem;box-shadow:0 0 4rem #915cff47}.visual-atmosphere em{color:#ffffff7a}.visual-studio-shell{width:min(1760px,100%);padding:0}.visual-studio-header{min-height:4.45rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:14rem 1fr 19rem;padding:0;display:grid;position:relative}.visual-back,.visual-header-tools{align-self:start}.visual-back{border:1px solid var(--visual-line);background:color-mix(in srgb, var(--visual-panel-strong) 76%, transparent);min-width:0;color:var(--visual-ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:14px;justify-self:start;padding:.92rem 1.25rem;box-shadow:0 1rem 3rem #1a123c14}.visual-back:before{content:"<";color:var(--visual-accent);margin-right:.55rem;font-weight:900}.visual-title-lockup{text-align:center;justify-self:center}.visual-title-lockup p{display:none}.visual-title-lockup h1{font-family:var(--studio-serif);letter-spacing:0;font-size:clamp(2rem,3vw,2.8rem);font-weight:500}.visual-title-lockup span{color:var(--visual-subtle);margin-top:.2rem;font-size:1.05rem}.visual-title-lockup span:after{content:"  ✧";color:var(--visual-accent)}.visual-header-tools{justify-self:end}.visual-mode-toggle{display:none}.visual-ghost-action,.visual-primary-action{border:1px solid var(--visual-line);border-radius:14px;padding:.95rem 1.55rem;font-size:.98rem}.visual-ghost-action{background:color-mix(in srgb, var(--visual-panel-strong) 72%, transparent)}.visual-primary-action{background:linear-gradient(135deg,#7950e8,#6935d3);min-width:9rem}.visual-primary-action:after{content:" ✧"}.visual-studio-tabs{background:color-mix(in srgb, var(--visual-panel-strong) 78%, transparent);border-radius:14px;margin:.6rem auto 1.35rem;padding:.18rem;box-shadow:inset 0 0 0 1px #fff3,0 1rem 3.5rem #3021601f}.visual-studio-tabs button{border-radius:12px;min-width:9.7rem;padding:.85rem 1.3rem;font-weight:600}.visual-studio-tabs button.active{color:var(--visual-accent);background:color-mix(in srgb, var(--visual-accent) 10%, var(--visual-panel-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--visual-accent) 55%, transparent), 0 .85rem 1.8rem color-mix(in srgb, var(--visual-accent) 18%, transparent)}.visual-workspace{grid-template-columns:31.5rem minmax(0,1fr);align-items:start;gap:1.55rem}.visual-picker,.visual-preview{border:1px solid var(--visual-line);background:color-mix(in srgb, var(--visual-panel-strong) 78%, transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff29,0 2rem 5rem #24184826}.visual-picker{min-height:46rem;padding:1.45rem}.visual-step-heading{padding:0 0 1.25rem;display:block}.visual-step-heading>span{display:none}.visual-step-heading p{color:var(--visual-accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900;line-height:1.4}.visual-step-heading h2{max-width:24rem;color:var(--visual-subtle);margin-top:.35rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.96rem;font-weight:500;line-height:1.45}.visual-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .95rem}.visual-theme-card{background:color-mix(in srgb, var(--visual-card-strong) 82%, transparent);border-radius:16px;min-height:13.2rem;padding:.72rem;display:block;overflow:hidden}.visual-theme-card.selected{border-color:color-mix(in srgb, var(--visual-accent) 78%, white);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--visual-accent) 35%, transparent), 0 0 0 .15rem color-mix(in srgb, var(--visual-accent) 13%, transparent), 0 1.25rem 2.75rem color-mix(in srgb, var(--visual-accent) 20%, transparent)}.visual-theme-scene{border-radius:12px;width:100%;height:6.25rem;box-shadow:inset 0 0 1.8rem #ffffff2e}.visual-theme-scene:after{content:"";background:radial-gradient(circle at 66% 32%,#ffffffe6,#0000 1.7rem),linear-gradient(#0000 52%,#14132d33);position:absolute;inset:0}.visual-theme-scene i{width:1.05rem;height:1.05rem}.visual-theme-scene b{opacity:.9;height:2.8rem}.visual-theme-scene em{width:2.3rem;height:2.3rem;bottom:.8rem;right:1.2rem}.visual-card-copy{padding:.75rem .2rem .2rem}.visual-card-copy strong{font-family:var(--studio-serif);color:var(--visual-ink);font-size:1.12rem;font-weight:700;line-height:1.1}.visual-card-copy small{color:var(--visual-subtle);margin-top:.4rem;font-size:.9rem;line-height:1.35}.visual-theme-card mark,.visual-button-card mark{width:1.75rem;height:1.75rem;top:1rem;right:1rem}.visual-tucked-controls{background:color-mix(in srgb, var(--visual-card) 75%, transparent);border-radius:15px;margin-top:1rem;padding:.95rem 1rem}.visual-preview{min-height:0;padding:1.55rem}.visual-preview-toolbar{align-items:end;padding:0 0 1rem}.visual-preview-toolbar p{letter-spacing:.11em;font-size:.82rem}.visual-preview-toolbar span{color:var(--visual-subtle);margin-top:.25rem;font-size:.96rem;display:block}.visual-page-pills{background:color-mix(in srgb, var(--visual-panel-strong) 74%, transparent);border-radius:999px}.visual-page-pills button{min-width:5.4rem;padding:.75rem 1rem}.visual-preview-frame{background:radial-gradient(circle at 75% 34%, #ffffffc7, transparent 11rem), linear-gradient(180deg, #ffffff4d, transparent 34%), linear-gradient(135deg, var(--paper), color-mix(in srgb, var(--accent-soft) 50%, var(--paper)) 68%, var(--paper));border-radius:22px;min-height:48rem}.visual-mini-app{min-height:48rem;padding:1.55rem}.visual-mini-app:before{background:radial-gradient(circle at 73% 22%, #ffffffdb, transparent 7rem), radial-gradient(circle at 90% 22%, transparent 0 4.4rem, #ffffffa8 4.45rem 5.4rem, transparent 5.45rem), linear-gradient(180deg, transparent 0 49%, color-mix(in srgb, var(--accent-soft) 38%, transparent) 50%), linear-gradient(12deg, color-mix(in srgb, var(--accent) 30%, transparent), transparent 48%);clip-path:polygon(0 58%,10% 48%,22% 55%,36% 38%,52% 56%,68% 34%,82% 54%,100% 39%,100% 100%,0 100%);opacity:.72;height:31rem;inset:4.3rem 0 auto}.visual-mini-app:after{content:"";z-index:-1;background:repeating-radial-gradient(circle, #ffffff52 0 1px, transparent 1px 2.3rem), radial-gradient(circle, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 62%);opacity:.85;border-radius:999px;width:25rem;height:25rem;position:absolute;top:9.2rem;right:5.2rem}.visual-mini-nav{background:color-mix(in srgb, var(--panel-strong) 88%, transparent);border-radius:18px;grid-template-columns:auto 1fr auto auto}.visual-mini-nav span{font-size:1.18rem}.visual-mini-nav span i{width:2rem;height:2rem}.visual-mini-nav nav{gap:1.8rem;font-size:.85rem}.visual-mini-nav button{padding:.75rem 1.15rem}.visual-mini-hero{grid-template-columns:minmax(0,.88fr) minmax(24rem,.72fr);min-height:29rem;padding:4.15rem 2.6rem 1.9rem}.visual-mini-copy p{color:var(--accent);font-size:.78rem}.visual-mini-copy h2{max-width:35rem;margin-top:.85rem;font-size:clamp(3.8rem,5.15vw,5.8rem);font-weight:500}.visual-mini-copy>span{max-width:28rem;margin-top:1.15rem;font-size:1.03rem}.visual-mini-note{border-radius:18px;max-width:24rem;margin-top:2.25rem}.visual-mini-cta-stage{min-height:23rem}.visual-hero-button{border-color:color-mix(in srgb, var(--accent) 20%, #ffffffe6);background:radial-gradient(circle at 50% 42%, #ffffffeb, transparent 7.2rem), color-mix(in srgb, var(--panel-strong) 82%, white);width:17.5rem;height:17.5rem;box-shadow:0 0 0 2.3rem color-mix(in srgb, var(--accent-soft) 23%, transparent), 0 0 0 4.5rem color-mix(in srgb, var(--accent-soft) 13%, transparent), 0 2.2rem 5rem color-mix(in srgb, var(--accent) 20%, transparent);position:relative}.visual-hero-button:before,.visual-hero-button:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset:-3rem}.visual-hero-button:after{opacity:.5;border-style:dashed;inset:-5rem}.visual-hero-button i{z-index:1;width:3.1rem;height:3.1rem}.visual-hero-button strong,.visual-hero-button small{z-index:1}.visual-hero-button strong{font-size:1.8rem;font-weight:500}.visual-mini-card-row{z-index:1;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 86%, transparent);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 2.2rem;padding:1.2rem 1.4rem;position:relative;box-shadow:0 1.4rem 4rem #20173d1f}.visual-mini-card-row article{border:0;border-right:1px solid var(--line);min-height:7.6rem;box-shadow:none;text-align:center;background:0 0;border-radius:0;padding:.65rem 1.1rem}.visual-mini-card-row article:last-child{border-right:0}.visual-mini-card-row i{background:0 0;margin:0 auto .55rem}.visual-mini-quote{background:color-mix(in srgb, var(--panel-strong) 72%, transparent);border-radius:18px;margin:.85rem 2.2rem 0}.visual-studio-footer{justify-content:flex-end;margin-top:1.25rem}.visual-studio-footer div{background:color-mix(in srgb, var(--visual-panel-strong) 90%, transparent);min-width:15.5rem}.visual-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.visual-button-card{min-height:13.8rem;padding:1rem;display:block;overflow:hidden}.visual-button-sample{min-height:7.3rem;margin-bottom:.75rem}.visual-advanced-card{border:1px solid var(--visual-line);background:var(--visual-card);border-radius:20px;padding:2rem}.visual-advanced-card span{width:3.2rem;height:3.2rem;color:var(--visual-accent);background:color-mix(in srgb, var(--visual-accent) 14%, transparent);border-radius:999px;place-items:center;font-size:1.35rem;display:grid}.visual-advanced-card h3{font-family:var(--studio-serif);margin:1rem 0 .35rem;font-size:1.5rem}.visual-advanced-card p{color:var(--visual-muted)}@media (width<=1280px){.visual-workspace{grid-template-columns:1fr}.visual-picker{min-height:0}.visual-theme-grid,.visual-button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.visual-studio-page{padding:.8rem}.visual-studio-header{grid-template-columns:1fr;gap:.75rem}.visual-back,.visual-header-tools{justify-self:stretch}.visual-header-tools{justify-content:stretch}.visual-ghost-action,.visual-primary-action{flex:1}.visual-studio-tabs{width:100%;overflow-x:auto}.visual-theme-grid,.visual-button-grid,.visual-mini-hero,.visual-mini-card-row{grid-template-columns:1fr}.visual-mini-nav{grid-template-columns:1fr auto}.visual-mini-card-row article{border-right:0;border-bottom:1px solid var(--line)}.visual-mini-card-row article:last-child{border-bottom:0}}body[data-view=home] .main-stage{width:100%;max-width:none;margin:0;padding:0}body[data-view=home]{background:#0d0822}.home-v2{flex-direction:column;min-height:calc(100vh - 76px);display:flex;position:relative;overflow:hidden}.home-landscape{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landscape-sky{background:linear-gradient(#0d0822 0%,#1a0f3d 18%,#2e1560 32%,#3d1f72 42%,#4a2480 52%,#6b3fa0 66%,#8a5ab8 78%,#b898d4 90%,#d4b8e4 100%);position:absolute;inset:0}body[data-theme=liminal-light] .landscape-sky,body[data-theme=moonwater] .landscape-sky,body[data-theme=minimal-dawn] .landscape-sky{background:linear-gradient(#2a1a5c 0%,#3d2070 18%,#5a3090 30%,#7a50ac 46%,#a07ac4 62%,#c4a2d8 76%,#dfc8ea 88%,#f2e4f5 100%)}.landscape-glow--moon{filter:blur(2px);background:radial-gradient(circle,#fff8e6eb 0%,#ebd7ffa6 18%,#b48cff59 36%,#825adc2e 55%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-8%;left:50%;transform:translate(-50%)}.landscape-glow--left{filter:blur(40px);background:radial-gradient(#7850c847 0%,#5028a024 45%,#0000 70%);border-radius:50%;width:500px;height:400px;position:absolute;top:20%;left:-10%}.landscape-glow--right{filter:blur(36px);background:radial-gradient(#c88cff38 0%,#8c50c81a 45%,#0000 70%);border-radius:50%;width:420px;height:360px;position:absolute;top:30%;right:-8%}.landscape-mountains--far{clip-path:polygon(0% 100%,0% 72%,4% 68%,8% 58%,12% 64%,16% 44%,20% 55%,24% 38%,28% 52%,32% 30%,36% 48%,40% 22%,44% 42%,48% 18%,52% 40%,56% 20%,60% 44%,64% 28%,68% 48%,72% 32%,76% 54%,80% 36%,84% 60%,88% 42%,92% 68%,96% 52%,100% 70%,100% 100%);opacity:.85;background:#1e0d44;height:40%;position:absolute;bottom:22%;left:0;right:0}.landscape-mountains--mid{clip-path:polygon(0% 100%,0% 80%,6% 70%,10% 78%,14% 55%,18% 68%,22% 40%,26% 60%,30% 35%,34% 55%,38% 28%,42% 50%,46% 25%,50% 45%,54% 22%,58% 46%,62% 30%,66% 52%,70% 34%,74% 60%,78% 44%,82% 65%,86% 50%,90% 72%,94% 58%,98% 78%,100% 70%,100% 100%);opacity:.92;background:#130833;height:36%;position:absolute;bottom:12%;left:0;right:0}.landscape-mountains--near{clip-path:polygon(0% 100%,0% 88%,8% 78%,14% 86%,20% 68%,26% 80%,32% 60%,38% 75%,44% 56%,50% 70%,56% 50%,62% 68%,68% 54%,74% 72%,80% 62%,86% 78%,92% 66%,98% 82%,100% 76%,100% 100%);opacity:1;background:#0a0520;height:28%;position:absolute;bottom:0;left:0;right:0}.landscape-valley-mist{filter:blur(1px);background:linear-gradient(#0000 0%,#8c64dc14 30%,#643cb42e 60%,#3c147852 100%);height:32%;position:absolute;bottom:0;left:0;right:0}.landscape-stars{opacity:.75;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.5px),radial-gradient(circle,#ffffffb3 0 1px,#0000 1.5px),radial-gradient(circle,#fff9 0 .8px,#0000 1.2px),radial-gradient(circle,#dcc8ffcc 0 1px,#0000 1.5px),radial-gradient(circle,#ffffff80 0 .6px,#0000 1px);background-position:13% 6%,67% 11%,38% 4%,82% 8%,24% 14%;background-size:280px 220px,340px 260px,180px 160px,420px 300px,140px 120px;animation:8s ease-in-out infinite alternate stars-twinkle;position:absolute;inset:0}@keyframes stars-twinkle{0%{opacity:.55}50%{opacity:.85}to{opacity:.65}}.home-v2-hero{z-index:1;text-align:center;flex:1;justify-content:center;align-items:center;padding:clamp(48px,10vh,100px) clamp(24px,6vw,80px) clamp(40px,8vh,80px);display:flex;position:relative}.home-v2-hero-inner{flex-direction:column;align-items:center;gap:0;max-width:860px;display:flex}.home-v2-eyebrow{color:#c8aaffd9;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font-size:.72rem;font-weight:800}.headline-break-sm{display:none}@media (width<=899px){.headline-break-sm{display:inline}}.home-v2-headline{font-family:var(--serif);color:#fff;text-shadow:0 2px 40px #7850dc80,0 0 80px #a078ff40;margin:0 0 24px;font-size:clamp(2.8rem,7vw,5.8rem);font-style:italic;font-weight:400;line-height:1.06}.home-v2-subtitle{color:#d2b9ffc7;max-width:560px;margin:0 0 52px;font-size:clamp(.95rem,1.6vw,1.12rem);font-weight:400;line-height:1.75}.home-v2-cta-wrapper{flex-direction:column;align-items:center;gap:20px;margin-top:8px;display:flex}.home-v2-hero--split .home-v2-hero-copy{align-items:inherit;flex-direction:column;display:flex}@media (width>=900px){.home-v2-hero--split{text-align:left}.home-v2-hero--split .home-v2-hero-inner{flex-direction:row;align-items:center;gap:clamp(24px,4vw,64px);width:100%;max-width:1180px}.home-v2-hero--split .home-v2-hero-copy{flex:1.5 1 0;align-items:flex-start;min-width:0}.home-v2-hero--split .home-v2-subtitle{max-width:34rem;margin-bottom:0}.home-v2-hero--split .home-v2-cta-wrapper{flex:1.5 1 0;align-items:center;margin-top:0}}.home-v2-orb{color:#fff;cursor:pointer;width:clamp(180px,22vw,240px);height:clamp(180px,22vw,240px);box-shadow:0 0 0 clamp(14px, 2.5vw, 24px) rgba(120, 80, 200, calc(.12 * var(--btn-glow-intensity))), 0 0 0 clamp(28px, 5vw, 48px) rgba(100, 60, 180, calc(.07 * var(--btn-glow-intensity))), 0 0 80px rgba(140, 90, 240, calc(.35 * var(--btn-glow-intensity))), 0 20px 60px rgba(80, 40, 160, calc(.45 * var(--btn-glow-intensity))), inset 0 1px 0 #ffffff2e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 38%,#ffffff2e 0%,#0000 54%),#1e0f41a6;border:1px solid #b48cff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative}.home-v2-orb:hover{box-shadow:0 0 0 clamp(18px, 3vw, 30px) rgba(140, 100, 220, calc(.15 * var(--btn-glow-intensity))), 0 0 0 clamp(36px, 6vw, 58px) rgba(120, 80, 200, calc(.08 * var(--btn-glow-intensity))), 0 0 100px rgba(160, 110, 255, calc(.5 * var(--btn-glow-intensity))), 0 28px 80px rgba(100, 60, 180, calc(.55 * var(--btn-glow-intensity))), inset 0 1px 0 #ffffff38;transform:scale(1.04)translateY(-2px)}.home-v2-orb:active{transition-duration:80ms;transform:scale(.97)}.home-v2-orb-ring{pointer-events:none;border:1px solid #b48cff38;border-radius:50%;position:absolute;inset:14px}.home-v2-orb-ring--outer{border-color:#a078f01f;animation:4s ease-in-out infinite orb-pulse;inset:-18px}@keyframes orb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}.home-v2-orb-dot{background:linear-gradient(145deg,#a87aff,#7040d0);border-radius:50%;width:44px;height:44px;display:block;box-shadow:0 8px 24px #783cdc8c,inset 0 1px #ffffff40}.home-v2-orb-label{font-family:var(--serif);letter-spacing:.01em;color:#f0e1fff2;text-shadow:0 2px 12px #643cc866;font-size:1.25rem;font-style:italic;font-weight:400}.home-v2-cta-hint{color:#b99bffa6;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800}.home-v2-cards{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 clamp(24px,6vw,80px) clamp(28px,5vh,48px);display:grid;position:relative}.home-v2-card{color:#fff;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#140a3285;border:1px solid #b48cff33;border-radius:18px;align-items:center;gap:18px;padding:22px 24px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:flex;box-shadow:inset 0 1px #ffffff1a,0 8px 32px #280a5a4d}.home-v2-card:hover{background:#281450b8;border-color:#c8a5ff61;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 16px 48px #3c147873}.home-v2-card:active{transition-duration:80ms;transform:translateY(0)}.home-v2-card-icon{color:#c8aaffe6;background:#7850c833;border:1px solid #a078f02e;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.home-v2-card-body{flex:1;min-width:0}.home-v2-card-title{font-family:var(--serif);color:#f0e1fff2;margin-bottom:6px;font-size:1.1rem;font-style:italic;font-weight:500;display:block}.home-v2-card-desc{color:#b99bffa6;margin:0;font-size:.88rem;line-height:1.55}.home-v2-card-arrow{color:#b48cff73;flex:none;font-size:1.2rem;transition:transform .18s,color .18s}.home-v2-card:hover .home-v2-card-arrow{color:#d2b4ffb3;transform:translate(4px)}.home-v2-footer{z-index:1;text-align:center;padding:0 24px clamp(28px,5vh,48px);position:relative}.home-v2-footer p{color:#aa87dc80;font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:.92rem;font-style:italic}body[data-theme=liminal-light] .home-v2-headline,body[data-theme=moonwater] .home-v2-headline,body[data-theme=minimal-dawn] .home-v2-headline{text-shadow:0 2px 30px #5028a073,0 0 60px #643cc833}body[data-theme=forest-dream] .landscape-sky{background:linear-gradient(#0d1a10 0%,#0f2418 20%,#1a3a22 38%,#2d5530 55%,#4a7a50 70%,#7ab080 85%,#b8d4b8 100%)}body[data-theme=forest-dream] .landscape-mountains--far{background:#0a1a0c}body[data-theme=forest-dream] .landscape-mountains--mid{background:#081409}body[data-theme=forest-dream] .landscape-mountains--near{background:#060f07}body[data-theme=forest-dream] .home-v2-eyebrow{color:#a0d2aad9}body[data-theme=forest-dream] .home-v2-subtitle{color:#b4dcb9b8}body[data-theme=forest-dream] .home-v2-card{background:#06120899;border-color:#64a06e38}body[data-theme=forest-dream] .home-v2-card:hover{background:#0c1c0fcc;border-color:#82be8c61}body[data-theme=forest-dream] .home-v2-card-icon{color:#a0dcaae6;background:#3c784638;border-color:#50a05a2e}body[data-theme=forest-dream] .home-v2-card-title{color:#d2f0d7f2}body[data-theme=forest-dream] .home-v2-card-desc{color:#a0d2a899}body[data-theme=forest-dream] .home-v2-orb{box-shadow:0 0 0 20px rgba(40, 100, 50, calc(.1 * var(--btn-glow-intensity))), 0 0 0 40px rgba(30, 80, 40, calc(.06 * var(--btn-glow-intensity))), 0 0 80px rgba(60, 150, 80, calc(.3 * var(--btn-glow-intensity))), 0 20px 60px rgba(20, 70, 30, calc(.4 * var(--btn-glow-intensity))), inset 0 1px 0 #ffffff24;background:radial-gradient(circle at 50% 38%,#ffffff24 0%,#0000 54%),#061408a6;border-color:#64b46e59}body[data-theme=forest-dream] .home-v2-orb-dot{background:linear-gradient(145deg,#66bb6a,#2e7d32);box-shadow:0 8px 24px #2e7d328c}body[data-theme=forest-dream] .home-v2-cta-hint{color:#8cc89699}body[data-theme=forest-dream] .home-v2-footer p{color:#78b48273}body[data-theme=velvet-night] .landscape-sky{background:linear-gradient(#0d0516 0%,#1a0830 18%,#2e1050 32%,#3f1868 46%,#5a2285 60%,#7a3aa0 74%,#a068c0 88%,#c898d8 100%)}@media (width<=768px){.home-v2-cards{grid-template-columns:1fr;gap:12px}.home-v2-orb{width:clamp(160px,48vw,200px);height:clamp(160px,48vw,200px)}.home-v2-hero{padding-top:clamp(40px,8vw,70px);padding-bottom:clamp(32px,6vw,60px)}.home-v2-headline{font-size:clamp(2.4rem,9vw,3.6rem)}.home-v2-subtitle{font-size:.95rem}}@media (width<=520px){.home-v2-cards{padding-left:16px;padding-right:16px}.home-v2-hero{padding-left:20px;padding-right:20px}.home-v2-card{padding:18px 20px}}.btn-theme-linked-toggle{background:color-mix(in srgb, var(--accent-soft) 28%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:14px;padding:.75rem 1rem}.btn-color-pickers{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.btn-color-pickers .field input[type=color]{border:1px solid var(--line);cursor:pointer;background:var(--panel);border-radius:10px;width:100%;height:2.6rem;padding:.2rem}.glow-slider{width:100%;accent-color:var(--accent);cursor:pointer}.studio-sub-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .4rem;font-size:.72rem;font-weight:700}.btn-border-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}body[data-theme=midnight-archive] .home-v2-orb{box-shadow:0 0 0 clamp(14px, 2.5vw, 24px) rgba(169, 140, 255, calc(.14 * var(--btn-glow-intensity))), 0 0 0 clamp(28px, 5vw, 48px) rgba(140, 100, 240, calc(.08 * var(--btn-glow-intensity))), 0 0 80px rgba(169, 140, 255, calc(.45 * var(--btn-glow-intensity))), 0 20px 60px rgba(80, 40, 180, calc(.5 * var(--btn-glow-intensity))), inset 0 1px 0 #ffffff1f;background:radial-gradient(circle at 50% 38%,#a98cff38 0%,#0000 54%),#0a0523bf;border-color:#a98cff73}body[data-theme=midnight-archive] .home-v2-orb-dot{background:linear-gradient(145deg,#c4a8ff,#8b5cf6);box-shadow:0 8px 24px #a98cffa6}body[data-theme=midnight-archive] .home-v2-orb-ring{border-color:#a98cff47}body[data-theme=midnight-archive] .home-v2-orb-ring--outer{border-color:#8c64f024}body[data-theme=moonwater] .home-v2-orb{box-shadow:0 0 0 clamp(14px, 2.5vw, 24px) rgba(80, 160, 220, calc(.13 * var(--btn-glow-intensity))), 0 0 0 clamp(28px, 5vw, 48px) rgba(60, 140, 200, calc(.07 * var(--btn-glow-intensity))), 0 0 80px rgba(100, 200, 240, calc(.38 * var(--btn-glow-intensity))), 0 20px 60px rgba(40, 100, 180, calc(.45 * var(--btn-glow-intensity))), inset 0 1px 0 #ffffff29;background:radial-gradient(circle at 50% 38%,#64c8f02e 0%,#0000 54%),#081630b3;border-color:#64b4dc66}body[data-theme=moonwater] .home-v2-orb-dot{background:linear-gradient(145deg,#7dd3fc,#0ea5e9);box-shadow:0 8px 24px #50b4f099}body[data-theme=moonwater] .home-v2-orb-ring{border-color:#64b4dc40}body[data-theme=moonwater] .home-v2-orb-ring--outer{border-color:#50a0d21f}body[data-theme=velvet-night] .home-v2-orb{box-shadow:0 0 0 clamp(14px, 2.5vw, 24px) rgba(200, 80, 180, calc(.14 * var(--btn-glow-intensity))), 0 0 0 clamp(28px, 5vw, 48px) rgba(180, 60, 160, calc(.08 * var(--btn-glow-intensity))), 0 0 80px rgba(220, 100, 200, calc(.42 * var(--btn-glow-intensity))), 0 20px 60px rgba(140, 40, 120, calc(.5 * var(--btn-glow-intensity))), inset 0 1px 0 #ffffff24;background:radial-gradient(circle at 50% 38%,#dc50b433 0%,#0000 54%),#14051ebf;border-color:#e664c866}body[data-theme=velvet-night] .home-v2-orb-dot{background:linear-gradient(145deg,#f0abfc,#d946ef);box-shadow:0 8px 24px #c850c8a6}body[data-theme=velvet-night] .home-v2-orb-ring{border-color:#dc64c847}body[data-theme=velvet-night] .home-v2-orb-ring--outer{border-color:#c850b421}body[data-theme=minimal-dawn] .home-v2-orb{color:#3d2410;box-shadow:0 0 0 clamp(14px, 2.5vw, 24px) rgba(200, 160, 80, calc(.12 * var(--btn-glow-intensity))), 0 0 0 clamp(28px, 5vw, 48px) rgba(180, 140, 60, calc(.07 * var(--btn-glow-intensity))), 0 0 80px rgba(220, 180, 100, calc(.3 * var(--btn-glow-intensity))), 0 20px 60px rgba(160, 120, 60, calc(.35 * var(--btn-glow-intensity))), inset 0 1px 0 #fff6;background:radial-gradient(circle at 50% 38%,#dcb47829 0%,#0000 54%),#f0e1c8a6;border-color:#c8a06459}body[data-theme=minimal-dawn] .home-v2-orb-dot{background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 8px 24px #c8963280}body[data-theme=minimal-dawn] .home-v2-orb-ring{border-color:#c8a06440}body[data-theme=minimal-dawn] .home-v2-orb-ring--outer{border-color:#b48c501f}body[data-theme=minimal-dawn] .home-v2-orb-label{color:#3c230fe0}.home-v2-orb.home-v2-orb--halo{background:radial-gradient(circle at 50% 35%,#ffffff47 0%,#0000 40%),radial-gradient(circle at 50% 80%,#7850c833 0%,#0000 60%),#190c3c99}.log-dream-cta[data-border-style=dashed]{border-style:dashed}.log-dream-cta[data-custom-glow]{box-shadow:0 22px 60px color-mix(in srgb, var(--btn-custom-glow) 28%, transparent)}.home-v2-cta-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.app-bg-photo{z-index:0;pointer-events:none;background-image:var(--bg-photo,none);opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .6s;position:fixed;inset:0}body[data-bg-photo=on] .app-bg-photo{opacity:1}.app-bg-photo:after{content:"";background:linear-gradient(#0805182e 0%,#08051852 60%,#08051880 100%);position:absolute;inset:0}body[data-appearance-mode=light] .app-bg-photo:after{background:linear-gradient(#ffffff47 0%,#ffffff1f 45%,#281a502e 100%)}body[data-bg-photo=on] .app-shell{z-index:1;position:relative}body[data-bg-photo=on] .home-landscape{opacity:0;transition:opacity .6s}body[data-bg-photo=on] .home-v2{background:0 0}.customize-btn{background:color-mix(in srgb, var(--accent-soft) 30%, transparent);color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.customize-btn svg{color:var(--accent)}.customize-btn:hover{background:color-mix(in srgb, var(--accent-soft) 48%, transparent);border-color:color-mix(in srgb, var(--accent) 44%, transparent);box-shadow:0 6px 22px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-1px)}@media (width<=720px){.customize-btn span{display:none}.customize-btn{padding:8px}}.studio-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a061c8c;justify-content:center;align-items:flex-start;padding:clamp(16px,4vh,48px) 16px;animation:.2s studio-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes studio-fade-in{0%{opacity:0}to{opacity:1}}.studio-modal{background:var(--paper);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);border-radius:24px;width:min(1080px,100%);animation:.24s cubic-bezier(.2,.8,.2,1) studio-rise;position:relative;overflow:hidden;box-shadow:0 40px 120px #0a061c80}@keyframes studio-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.studio-modal-head{border-bottom:1px solid color-mix(in srgb, var(--accent) 12%, transparent);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 14px;display:flex}.studio-modal-head h2{font-family:var(--heading-font);margin:4px 0 0;font-size:1.5rem}.studio-modal-close{background:color-mix(in srgb, var(--accent-soft) 28%, transparent);width:38px;height:38px;color:var(--ink);border-radius:50%;flex:none;font-size:1rem;transition:background .16s,transform .16s}.studio-modal-close:hover{background:color-mix(in srgb, var(--accent-soft) 50%, transparent);transform:rotate(90deg)}.studio-modal-body{max-height:calc(92vh - 90px);padding:8px 20px 20px;overflow-y:auto}.studio-modal-body .appearance-studio{background:0 0;border:0;margin:0;padding:0}.studio-modal-body .studio-tabs-row{flex-wrap:wrap;gap:.75rem}.studio-modal-body .studio-tabs{flex-wrap:wrap}.studio-modal-body .studio-workspace{grid-template-columns:1fr}.studio-modal-body .appearance-preview-panel{display:none}.studio-modal-body .visual-picker-panel{background:color-mix(in srgb, var(--panel) 60%, transparent)}.bg-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 18px;display:grid}.bg-mode-card{text-align:left;background:color-mix(in srgb, var(--accent-soft) 14%, var(--paper));border:1.5px solid color-mix(in srgb, var(--accent) 12%, transparent);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex}.bg-mode-card strong{font-size:.95rem}.bg-mode-card small{color:color-mix(in srgb, var(--ink) 62%, transparent);font-size:.78rem;line-height:1.35}.bg-mode-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-1px)}.bg-mode-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 32%, var(--paper));box-shadow:0 8px 26px color-mix(in srgb, var(--accent) 22%, transparent)}.bg-preset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:8px 0 4px;display:grid}.bg-preset-card{text-align:left;background:var(--paper);border:1.5px solid color-mix(in srgb, var(--accent) 12%, transparent);border-radius:16px;flex-direction:column;gap:0;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.bg-preset-card:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-2px)}.bg-preset-card.draft{border-color:var(--accent);box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 28%, transparent)}.bg-thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;width:100%;display:block}.bg-preset-card .preset-copy{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.bg-preset-card .preset-copy strong{font-size:.9rem}.bg-preset-card .preset-copy small{color:color-mix(in srgb, var(--ink) 60%, transparent);font-size:.76rem;line-height:1.3}.bg-preset-card .preset-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid;position:absolute;top:8px;right:8px}.bg-page-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0 4px;display:grid}.bg-page-field select{border:1.5px solid color-mix(in srgb, var(--accent) 16%, transparent);background:var(--paper);width:100%;color:var(--ink);border-radius:12px;padding:9px 12px}.bg-random-note{background:color-mix(in srgb, var(--accent-soft) 18%, transparent);border-radius:12px;margin-top:10px;padding:12px 14px}@media (width<=640px){.bg-mode-grid{grid-template-columns:1fr}}