:root{--bg:#171226;--panel:#241b38;--panel2:#302248;--ink:#fff8ee;--muted:#c2b7d0;--accent:#ffb4c8;--accent2:#fece67;--card:#f56e9c;--card-ink:#2b142c;--line:rgba(255,255,255,.14);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}body[data-theme="sunny"]{--bg:#102c4b;--panel:#173c62;--panel2:#1d4c76;--accent:#7edcf3;--accent2:#ffd56a;--card:#75d8ee;--card-ink:#082c42}body[data-theme="forest"]{--bg:#163129;--panel:#21483a;--panel2:#2b5948;--accent:#b8dc8e;--accent2:#ffd78a;--card:#b8db8d;--card-ink:#173427}button,input,select{font:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px}.logo{color:var(--ink);font:700 25px Georgia,serif;text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--accent2)}.library-button{border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.06);color:var(--ink);padding:10px 14px;cursor:pointer}.library-button b{display:inline-grid;place-items:center;margin-left:7px;background:var(--accent);color:#24162b;border-radius:50%;width:22px;height:22px;font-size:11px}main{max-width:1240px;margin:auto;padding:44px 28px 80px}.intro{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:end;margin-bottom:55px}.kicker{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--accent);margin:0 0 14px}.intro h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(44px,6.2vw,79px);line-height:1.02;letter-spacing:-.04em;margin:0;font-weight:500}.intro h1 span{color:var(--accent)}.intro-copy{color:var(--muted);line-height:1.75;margin:0}.studio{display:grid;grid-template-columns:410px 1fr;gap:18px}.builder,.preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:28px}.preview{background:linear-gradient(145deg,var(--panel2),var(--panel));min-width:0}.section-title{display:flex;align-items:center;gap:13px}.section-title>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#2a1831;font-weight:900}.section-title h2{margin:0;font:700 24px Georgia,"Songti SC",serif}.section-title p{font-size:12px;color:var(--muted);margin:3px 0 0}.field{display:block}.field>span:first-child,.icon-field legend,.theme-picker legend{font-size:11px;font-weight:800;color:var(--muted);margin-bottom:7px}.field small{font-weight:400}.field input,.field select{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.16);color:var(--ink);padding:0 12px;outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.field select option{color:#171226}.name-field{margin-top:27px}.icon-field{border:0;margin:18px 0 0;padding:0}.icon-choices{display:flex;gap:7px;overflow:auto;padding-bottom:4px}.icon-choices label{flex:none}.icon-choices input{position:absolute;opacity:0}.icon-choices span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06);font-size:21px;cursor:pointer}.icon-choices input:checked+span{background:var(--accent);border-color:var(--accent);color:#251429;transform:translateY(-2px)}.form-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px;margin-top:15px}.unit-input{position:relative}.unit-input input{padding-right:47px}.unit-input b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted)}.error{min-height:18px;font-size:11px;color:#ffb6a9;margin:7px 0}.add-button{width:100%;height:48px;border:0;border-radius:14px;background:var(--accent);color:#29162f;font-weight:900;cursor:pointer}.add-button span{font-size:20px;margin-right:6px}.add-button:hover,.save-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.draft-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.draft-head h3{font-size:13px;margin:0}.draft-head h3 b{display:inline-grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);width:22px;height:22px;margin-left:4px}.draft-head button{border:0;background:none;color:var(--muted);font-size:11px;cursor:pointer}.draft-list{display:grid;gap:7px;margin-top:11px;max-height:270px;overflow:auto}.draft-empty{font-size:12px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:12px;padding:16px}.draft-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;background:rgba(0,0,0,.13);border-radius:13px;padding:8px}.draft-icon{display:grid;place-items:center;background:rgba(255,255,255,.08);border-radius:10px;width:36px;height:36px}.draft-info b,.draft-info small{display:block}.draft-info b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-info small{font-size:9px;color:var(--muted)}.draft-actions{display:flex;gap:2px}.draft-actions button{border:0;background:none;color:var(--muted);width:25px;height:27px;padding:0;cursor:pointer}.draft-actions .remove{color:#ff9b9b}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.theme-picker{border:0;padding:0;margin:0;display:flex;gap:7px}.theme-picker legend{text-align:right}.theme-picker label{display:block}.theme-picker input{position:absolute;opacity:0}.swatch{display:block;width:28px;height:28px;border-radius:50%;cursor:pointer;border:3px solid transparent}.theme-picker input:checked+.swatch{outline:2px solid var(--ink);outline-offset:2px}.swatch.berry{background:linear-gradient(135deg,#f56e9c 50%,#fece67 50%)}.swatch.sunny{background:linear-gradient(135deg,#75d8ee 50%,#ffd56a 50%)}.swatch.forest{background:linear-gradient(135deg,#b8db8d 50%,#ffd78a 50%)}.progress-row{display:flex;align-items:center;gap:12px;margin:27px 0 21px;color:var(--muted);font-size:11px}.progress-track{height:6px;background:rgba(255,255,255,.1);border-radius:10px;flex:1;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--accent2);border-radius:10px;transition:width .3s}.deck-empty{text-align:center;padding:66px 20px 52px;color:var(--muted)}.deck-empty h3{color:var(--ink);font:700 20px Georgia,serif;margin:25px 0 8px}.deck-empty p{font-size:12px}.empty-stack{width:92px;height:76px;margin:auto;position:relative}.empty-stack i{position:absolute;inset:0;border:2px solid var(--line);border-radius:18px;background:var(--panel2);transform:rotate(-9deg)}.empty-stack i:nth-child(2){transform:rotate(8deg)}.empty-stack i:nth-child(3){display:grid;place-items:center;transform:none;background:var(--accent);color:#2d1933;font-style:normal;font-size:30px}.card-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;perspective:1000px}.ritual-card{height:220px;border:0;background:transparent;padding:0;cursor:pointer;perspective:1000px;color:var(--card-ink);min-width:0}.card-inner{position:relative;display:block;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.ritual-card.done .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:21px;padding:16px;text-align:left;overflow:hidden}.card-front{background:var(--card)}.card-front:after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(0,0,0,.15);border-radius:50%;right:-40px;bottom:-40px}.card-back{background:var(--accent2);transform:rotateY(180deg);align-items:center;justify-content:center;text-align:center}.card-number{font:700 11px Georgia,serif;opacity:.6}.card-icon{font-size:42px;margin:auto 0}.card-name{font:700 18px Georgia,"Songti SC",serif;line-height:1.2;overflow-wrap:anywhere}.card-minutes{font-size:10px;margin-top:6px;opacity:.7}.card-back b{font:700 19px Georgia,"Songti SC",serif}.card-back span{font-size:35px;margin-bottom:10px}.deck-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.ghost-button,.save-button{height:45px;border-radius:13px;padding:0 16px;cursor:pointer;font-weight:800}.ghost-button{border:1px solid var(--line);color:var(--ink);background:transparent}.save-button{border:0;background:var(--accent);color:#28152f}.save-button:disabled,.ghost-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.save-button span{margin-left:14px}.deck-message{min-height:17px;text-align:right;font-size:11px;color:var(--accent);margin:7px 0 0}.save-dialog,.library-dialog{width:min(500px,calc(100% - 30px));border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--ink);padding:28px}.save-dialog::backdrop,.library-dialog::backdrop{background:rgba(6,4,12,.75);backdrop-filter:blur(4px)}.save-dialog h2,.library-dialog h2{font:700 27px Georgia,"Songti SC",serif;margin:0 0 22px}.dialog-close{border:0;background:rgba(255,255,255,.09);color:var(--ink);border-radius:50%;width:34px;height:34px;font-size:23px;cursor:pointer;float:right}.full{width:100%;margin-top:8px}.library-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.library-head h2{margin-bottom:18px}.saved-decks{display:grid;gap:9px;margin-top:16px;max-height:55vh;overflow:auto}.saved-empty{color:var(--muted);font-size:12px;text-align:center;padding:30px 10px}.saved-deck{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:rgba(0,0,0,.15);border-radius:14px;padding:12px}.saved-deck b,.saved-deck small{display:block}.saved-deck b{font-size:13px}.saved-deck small{color:var(--muted);font-size:10px;margin-top:3px}.saved-deck-actions{display:flex;gap:5px}.saved-deck button{border:0;border-radius:9px;background:var(--accent);color:#29162f;padding:7px 9px;font-size:11px;cursor:pointer}.saved-deck .delete{background:rgba(255,255,255,.08);color:#ffb6b6}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:28px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer span{font:700 18px Georgia,serif;color:var(--ink)}footer p{margin:0}
@media(max-width:900px){.intro{grid-template-columns:1fr}.intro-copy{max-width:560px}.studio{grid-template-columns:1fr}.draft-list{max-height:none}.builder,.preview{padding:24px}.card-deck{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nav{height:64px;padding:0 16px}main{padding:28px 12px 55px}.intro{gap:22px;margin-bottom:35px;padding:0 6px}.intro h1{font-size:43px}.builder,.preview{border-radius:20px;padding:20px 15px}.form-row{grid-template-columns:1fr}.preview-toolbar{align-items:flex-start}.theme-picker legend{font-size:9px}.card-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ritual-card{height:195px}.card-face{padding:13px}.card-name{font-size:16px}.deck-footer{display:grid;grid-template-columns:1fr 1fr}.deck-footer button{padding:0 8px;font-size:12px}footer{display:block;padding:23px 18px}footer p{margin-top:7px}}
@media(max-width:360px){.intro h1{font-size:38px}.section-title h2{font-size:20px}.card-deck{grid-template-columns:1fr}.ritual-card{height:180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card-inner{transition:none!important}}