:root{--bg-0:#070d1f;--bg-1:#0a1430;--bg-2:#0e1b3d;--ivory:#f4efe6;--ivory-75:#f4efe6bf;--ivory-60:#f4efe699;--ivory-45:#f4efe673;--gold:#e4c58c;--gold-deep:#c9a265;--gold-hover:#f2dcb0;--cta-text:#231604;--line:#ffffff24;--line-soft:#ffffff14;--card:#ffffff0a;--card-2:#ffffff0d;--gold-line:#e4c58c40;--blue-info:#7fb2ff;--wood:#6fbf8f;--fire:#e8837a;--earth:#e0b455;--metal:#b9c2ce;--water:#7fa7db}*{box-sizing:border-box}html,body{background:var(--bg-0);margin:0;padding:0}body{color:var(--ivory);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;background:linear-gradient(#070d1f 0%,#0a1430 45%,#0e1b3d 100%);min-height:100vh;font-family:Noto Sans KR,sans-serif}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}input,select,button,textarea{font-family:Noto Sans KR,sans-serif}input::placeholder,textarea::placeholder{color:#f4efe659}.serif{font-family:Noto Serif KR,serif}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.9}}@keyframes floatUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.float-up{animation:.7s both floatUp}.starfield{z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#f4efe68c 50%,#0000 51%),radial-gradient(1.5px 1.5px at 78% 9%,#e4c58c73 50%,#0000 51%),radial-gradient(1px 1px at 33% 42%,#f4efe659 50%,#0000 51%),radial-gradient(2px 2px at 89% 55%,#f4efe647 50%,#0000 51%),radial-gradient(1px 1px at 55% 71%,#e4c58c59 50%,#0000 51%),radial-gradient(1.5px 1.5px at 8% 82%,#f4efe64d 50%,#0000 51%),radial-gradient(1px 1px at 68% 33%,#f4efe666 50%,#0000 51%),radial-gradient(1px 1px at 24% 63%,#e4c58c4d 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44% 12%,#f4efe652 50%,#0000 51%),radial-gradient(1px 1px at 93% 27%,#f4efe661 50%,#0000 51%),radial-gradient(1px 1px at 61% 89%,#f4efe64d 50%,#0000 51%),radial-gradient(1.5px 1.5px at 17% 95%,#e4c58c47 50%,#0000 51%);position:fixed;inset:0}.star{background:#f4efe6d9;border-radius:999px;animation:6s ease-in-out infinite twinkle;position:absolute}.site-header{z-index:50;background:linear-gradient(#070d1fb8,#070d1f00);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 28px;display:grid;position:fixed;top:0;left:0;right:0}.site-header>:first-child{justify-self:start}.site-header>:last-child{justify-self:end}.site-header .logo-img{filter:drop-shadow(0 2px 8px #00000080);height:34px;display:block}.glass-btn{-webkit-backdrop-filter:blur(20px)saturate(1.6);color:var(--ivory);cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:9px 22px;font-size:13.5px;font-weight:500;transition:background .25s;box-shadow:inset 0 1px #ffffff38}.glass-btn:hover{background:#ffffff24}.glass-toggle{-webkit-backdrop-filter:blur(24px)saturate(1.7);--tgw:104px;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:4px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #ffffff0f,0 8px 24px #00000059}.glass-toggle .pill{width:var(--tgw);pointer-events:none;background:linear-gradient(135deg,#ffffff38,#ffffff1a);border:1px solid #ffffff47;border-radius:999px;transition:transform .38s cubic-bezier(.32,.72,.25,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff59}.glass-toggle .pill.right{transform:translateX(var(--tgw))}.glass-toggle button{z-index:1;width:var(--tgw);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:999px;padding:9px 0;font-size:14px;font-weight:600;transition:color .3s;position:relative}.cta-gold{background:linear-gradient(135deg, var(--gold), var(--gold-deep));color:var(--cta-text);cursor:pointer;border:none;border-radius:14px;width:100%;padding:17px 0;font-size:16.5px;font-weight:700;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 30px #e4c58c4d}.cta-gold:hover{transform:translateY(-2px);box-shadow:0 16px 44px #e4c58c80}.cta-gold:disabled{opacity:.55;cursor:not-allowed;transform:none}.ghost-btn{width:100%;color:var(--ivory);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;padding:15px 0;font-size:15px;font-weight:600;transition:background .2s}.ghost-btn:hover{background:#ffffff1f}.back-link{color:var(--ivory-45);cursor:pointer;background:0 0;border:none;margin:16px auto 0;padding:6px 12px;font-size:13px;display:block}.back-btn{color:var(--ivory-45);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 0;font-size:13px;font-weight:500;display:inline-flex}.flabel{color:var(--ivory-75);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.finput{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ivory);background:#ffffff0d;border-radius:12px;outline:none;padding:15px 16px;font-size:15px}select.finput{appearance:none}.seg-pair,.seg2{gap:10px;display:flex}.seg-pair button,.seg2 button{cursor:pointer;border:1px solid var(--line);color:var(--ivory-60);background:#ffffff0d;border-radius:12px;flex:1;padding:14px 0;font-size:14.5px;font-weight:600;transition:all .25s}.seg-pair button.on,.seg2 button.on{border-color:var(--gold);color:var(--gold);background:#e4c58c29}.form-tag{letter-spacing:.32em;color:#e4c58ccc;margin-bottom:8px;font-family:Noto Serif KR,serif;font-size:12px}.form-title{margin:0 0 8px;font-family:Noto Serif KR,serif;font-size:26px;font-weight:600}.form-sub{color:var(--ivory-60);margin:0 0 28px;font-size:14px;font-weight:300}.cal-toggle{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:3px;display:flex}.cal-toggle button{cursor:pointer;color:var(--ivory-60);background:0 0;border:none;border-radius:9px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .25s}.cal-toggle button.on{color:var(--gold);background:#e4c58c29}.step-bars{gap:8px;margin-bottom:36px;display:flex}.step-bars i{background:#ffffff1f;border-radius:99px;flex:1;height:3px}.step-bars i.on{background:var(--gold)}.eyebrow{letter-spacing:.32em;color:#e4c58ccc;margin-bottom:14px;font-family:Noto Serif KR,serif;font-size:12px}.panel{background:var(--card);border:1px solid var(--line-soft);border-radius:16px;padding:24px 26px}.gold-panel{border:1px solid var(--gold-line);background:#e4c58c14;border-radius:16px;padding:24px 26px}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #e4c58c29;border-radius:22px;padding:40px 36px}.page-wrap{z-index:1;max-width:720px;margin:0 auto;padding:120px 24px 80px;position:relative}.frame-outer{z-index:1;position:relative}.frame{max-width:680px;min-height:100vh;margin:0 auto;padding:90px 12px 80px}.form-hint{text-align:center;color:var(--ivory-45);margin-top:12px;font-size:12px;font-weight:300}.res-who{color:var(--ivory-45);font-size:13px}.res-ilju{letter-spacing:-.01em;margin:6px 0 0;font-family:Noto Serif KR,serif;font-size:26px;font-weight:600}.panel-h{margin:0 0 12px;font-family:Noto Serif KR,serif;font-size:20px;font-weight:600}.reading-body{color:#f4efe6d9;white-space:pre-line;font-size:14.5px;font-weight:300;line-height:1.8}.boundary-note{border-left:3px solid var(--gold);background:#e4c58c14;border-radius:0 12px 12px 0;margin:20px 24px;padding:12px 16px;font-size:13.5px;font-weight:300;line-height:1.7}.grade{vertical-align:middle;gap:3px;margin-left:8px;display:inline-flex}.grade i{background:#ffffff26;border-radius:50%;width:7px;height:7px}.grade i.on{background:var(--gold)}.pillar-table{border:1px solid var(--line-soft);background:var(--card);border-radius:16px;overflow:hidden}.pillar-table .head{border-bottom:1px solid var(--line-soft);background:#ffffff08;display:flex}.pillar-table .head>div{text-align:center;color:var(--ivory-60);flex:1;padding:10px 0;font-size:12px;font-weight:500}.pillar-table .row{display:flex}.pillar-table .row.last{padding-bottom:14px}.pillar-table .cell{text-align:center;flex:1;padding:12px 4px 6px}.gbox{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto;font-family:Noto Serif KR,serif;font-size:26px;font-weight:600;display:flex}.gcap{color:var(--ivory-45);margin-top:6px;font-size:11px}.paywall{border:1px solid var(--line-soft);background:var(--card);border-radius:16px;position:relative;overflow:hidden}.paywall .blurred{filter:blur(5px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;padding:22px 24px}.paywall .cover{background:linear-gradient(#070d1f59,#070d1ff0);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.paywall-cta{background:linear-gradient(135deg, var(--gold), var(--gold-deep));width:100%;max-width:300px;color:var(--cta-text);cursor:pointer;border:none;border-radius:12px;padding:15px 0;font-size:15px;font-weight:700;box-shadow:0 10px 30px #e4c58c4d}.blur-hidden{filter:blur(5px);-webkit-user-select:none;user-select:none}.footer-note{text-align:center;color:var(--ivory-45);margin-top:32px;font-size:12px;font-weight:300;line-height:1.7}.studio{z-index:1;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px 80px;position:relative}.studio-top{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#070d1feb;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 0;display:flex;position:sticky;top:0}.studio-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:900px){.studio-grid{grid-template-columns:1fr}}.studio-ta{resize:vertical;border:1px solid var(--line);width:100%;min-height:110px;color:var(--ivory);background:#ffffff0d;border-radius:12px;outline:none;padding:12px 14px;font-size:13px;line-height:1.65}.dim{color:var(--ivory-45)}.chip{cursor:pointer;white-space:nowrap;border:1px solid var(--line);color:var(--ivory-60);background:#ffffff0d;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500}.chip.on{border-color:var(--gold);color:var(--gold);background:#e4c58c24}.topbar-badge{color:var(--ivory-60);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.submit-btn{background:linear-gradient(135deg, var(--gold), var(--gold-deep));width:100%;color:var(--cta-text);cursor:pointer;border:none;border-radius:12px;padding:14px 0;font-size:15px;font-weight:700}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.fcheck{cursor:pointer;color:var(--ivory-60);align-items:center;gap:8px;font-size:13px;display:flex}.fcheck input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.prompt-view{border:1px solid var(--line-soft);color:var(--ivory-60);white-space:pre-wrap;word-break:break-all;background:#0000004d;border-radius:12px;max-height:480px;margin-top:10px;padding:14px;font-size:11.5px;line-height:1.6;overflow-y:auto}.obar-row{align-items:center;gap:10px;display:flex}.obar-row+.obar-row{margin-top:11px}.obar-name{width:22px;font-size:13px;font-weight:700}.obar-track{background:#ffffff14;border-radius:999px;flex:1;height:10px;overflow:hidden}.obar-fill{border-radius:999px;height:100%}.obar-n{text-align:right;width:26px;color:var(--ivory-60);font-size:13px}@media (max-width:640px){.site-header{gap:6px;padding:10px}.site-header .logo-img{height:24px}.site-header>div:last-child{gap:5px}.glass-btn{padding:7px 10px;font-size:12px}.glass-toggle{--tgw:76px}.glass-toggle button{padding:8px 0;font-size:12px}.frame{padding-top:72px}}