:root{--bg:#060a18;--panel:rgba(16,20,38,.86);--panel-border:rgba(255,214,150,.18);--text:#f4ecdf;--muted:#a9a39a;--accent:#ffb455;--accent-ink:#2a1606;--danger:#ff7b7b;--radius:14px;--serif:"Gowun Batang",serif;--sans:"Noto Sans KR",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.stage{position:fixed;inset:0}.stage canvas{touch-action:none}.loading{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);color:var(--accent);font-size:1.1rem}.overlay{position:absolute;inset:0;pointer-events:none}.overlay>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;pointer-events:none;background:linear-gradient(180deg,rgba(6,10,24,.75),transparent)}.topbar>*{pointer-events:auto}.brand h1{margin:0;font-family:var(--serif);font-size:1.6rem;letter-spacing:.08em;color:#ffe3b3;text-shadow:0 0 18px rgba(255,170,80,.55)}.brand p{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.brand b{color:var(--accent)}.actions{display:flex;gap:8px;flex-shrink:0}.badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:.72rem;background:rgba(255,180,85,.16);color:var(--accent);border:1px solid rgba(255,180,85,.35)}.btn{border:1px solid var(--panel-border);background:hsla(0,0%,100%,.06);padding:10px 16px;border-radius:999px;font-weight:500;white-space:nowrap;transition:background .15s,transform .1s}.btn:hover:not(:disabled){background:hsla(0,0%,100%,.12)}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 0 20px rgba(255,170,80,.4)}.btn.primary:hover{background:#ffc477}.btn.ghost{background:rgba(16,20,38,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.done{opacity:.7}.btn.sm{padding:7px 12px;font-size:.85rem}.btn.wide{width:100%;padding:13px;font-size:1rem}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:1rem;padding:6px;line-height:1;border-radius:8px}.icon-btn:hover{color:var(--text);background:hsla(0,0%,100%,.08)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.45)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.panel h2{margin:0;font-family:var(--serif);font-size:1.25rem;color:#ffe3b3}.panel-foot{padding:12px 18px 18px}.chips.dest{padding:4px 18px 10px}.chips.dest .chip{flex:1 1;padding:9px}.muted{color:var(--muted)}.small{font-size:.78rem}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgba(3,5,12,.55)}.maker{width:min(720px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.maker-body{display:flex;gap:20px;padding:4px 18px;overflow-y:auto}.maker-form{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:14px}.preview{flex-shrink:0;width:180px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--glow) 35%,transparent),transparent 65%)}.preview svg{filter:drop-shadow(0 0 14px var(--glow)) drop-shadow(0 0 28px color-mix(in srgb,var(--glow) 60%,transparent))}.field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;position:relative}.field>span{font-size:.82rem;color:var(--muted)}.field input:not([type=radio]),.field textarea{width:100%;resize:none;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);background:rgba(0,0,0,.3);outline:none}.field textarea{font-family:var(--serif);font-size:1.05rem;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--accent)}.count{position:absolute;right:10px;bottom:8px;color:var(--muted);font-size:.72rem}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--panel-border);background:transparent;font-size:.9rem}.chip.on{background:rgba(255,180,85,.18);border-color:var(--accent);color:#ffe3b3}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;outline:2px solid transparent}.swatch.on{border-color:var(--bg);outline-color:var(--text);box-shadow:0 0 14px currentColor}.radios{display:flex;flex-direction:column;gap:6px}.radio{display:grid;grid-template-columns:auto 1fr;grid-column-gap:8px;column-gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--panel-border);cursor:pointer}.radio input{grid-row:span 2;accent-color:var(--accent)}.radio small{color:var(--muted)}.radio.on{border-color:var(--accent);background:rgba(255,180,85,.08)}.error{margin:8px 18px 0;color:var(--danger);font-size:.9rem}.banner{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(560px,calc(100% - 32px));padding:14px 16px;text-align:center;background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.banner p{margin:0 0 10px;font-family:var(--serif);color:#ffe3b3}.banner .row{justify-content:center}.closeup-backdrop{background:rgba(3,5,12,.72)}.closeup{position:relative;width:min(880px,100%);max-height:calc(100dvh - 32px);display:grid;grid-template-columns:minmax(0,1fr) 340px;overflow:hidden;border-color:color-mix(in srgb,var(--glow) 55%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--glow) 25%,transparent),0 20px 60px rgba(0,0,0,.5)}.closeup .close{position:absolute;top:10px;right:10px;z-index:2}.closeup-stage{position:relative;aspect-ratio:3/4;max-height:calc(100dvh - 32px);background:#070b1a}.closeup-stage canvas{display:block}.closeup-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-family:var(--serif)}.closeup-info{padding:24px 20px 20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.closeup-info .lit-title{font-size:1.3rem;text-shadow:0 0 16px rgba(255,170,80,.5)}.closeup-info .meta{margin:0;font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:6px}.closeup-info .meta .dot{color:var(--glow)}.closeup-info blockquote{margin:0;font-family:var(--serif);font-size:1.2rem;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.closeup-info blockquote.muted{font-size:1rem}.byline{margin:0;font-size:.85rem;color:var(--muted)}.share-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.share-actions .btn{width:100%}.btn.kakao{background:#fee500;color:#191600;border-color:transparent;font-weight:700}.btn.kakao:hover:not(:disabled){background:#ffeb3b}.btn:disabled:not(.done){opacity:.55}.kakao-icon{margin-right:4px}.hint{margin:0;line-height:1.5}.mine{position:absolute;top:76px;right:16px;width:min(320px,calc(100% - 32px));max-height:60dvh;overflow-y:auto;padding-bottom:12px}.mine ul{list-style:none;margin:0;padding:0 8px}.mine li button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;background:transparent;padding:10px;border-radius:10px}.mine li button:hover:not(:disabled){background:hsla(0,0%,100%,.07)}.mine li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--serif)}.mine>p{padding:0 18px;margin:8px 0 0}.toast{left:50%;top:84px;transform:translateX(-50%);padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.8);border:1px solid var(--panel-border);font-size:.9rem;text-align:center}.help,.toast{position:absolute;max-width:calc(100% - 32px)}.help{left:16px;bottom:24px;display:flex;gap:6px;align-items:center;padding:6px 6px 6px 14px;border-radius:999px;background:rgba(6,10,24,.6);font-size:.78rem;color:var(--muted)}@media (max-width:640px){.topbar{flex-direction:column}.brand h1{font-size:1.3rem}.maker-body{flex-direction:column;gap:8px}.preview{width:100%;height:150px}.preview svg{height:140px}.closeup-backdrop{padding:0;place-items:stretch}.closeup{grid-template-columns:1fr;grid-template-rows:auto 1fr;max-height:100dvh;border-radius:0;border:0}.closeup-stage{aspect-ratio:auto;height:58dvh}.closeup-info{padding:14px 16px 18px;gap:10px}.share-actions{flex-direction:row;flex-wrap:wrap}.share-actions .btn{flex:1 1 30%;padding:10px 8px;font-size:.85rem}.share-actions .btn.kakao{flex-basis:100%}.mine{top:120px}.help{display:none}}