*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--hanji:#e9e5dc;--hanji-dark:#ccc8be;--ink:#1e1c18;--ink-light:#6b6558;--accent:#c9673e;--cream:#eeeae3}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--cream);font-family:"Noto Serif KR",Nanum Myeongjo,serif;color:var(--ink);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}.app{max-width:480px;margin:0 auto;min-height:100vh;flex-direction:column;padding-bottom:48px}.app,header{display:flex}header{justify-content:space-between;align-items:center;padding:22px 24px 0}.logo{font-family:Special Elite,monospace;font-size:16px;letter-spacing:3px;color:var(--ink)}.logo span{color:var(--accent)}.step-indicator{font-size:12px;color:var(--ink-light);letter-spacing:1.5px}.step-dots{display:flex;justify-content:center;gap:8px;padding:18px 0 22px}.dot{width:7px;height:7px;border-radius:50%;background:var(--hanji-dark);transition:all .35s ease}.dot.active{background:var(--accent);width:22px;border-radius:4px}.dot.done{background:var(--ink-light)}main{display:block;padding:0 24px}.tagline{text-align:center;font-size:13px;color:var(--ink-light);letter-spacing:.5px;margin-bottom:20px}.hanji-card{position:relative;border-radius:3px;padding:28px 26px 24px;min-height:280px;box-shadow:1px 1px 0 var(--hanji-dark),4px 4px 0 rgba(0,0,0,.04),0 14px 44px rgba(0,0,0,.12);background-color:var(--hanji);background-image:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(80,70,55,.07) 0,rgba(80,70,55,.07) 30px),url(https://img.freepik.com/free-photo/paperboard-texture_95678-72.jpg);background-size:auto,cover;background-blend-mode:normal,multiply}.hanji-card:after{content:"NERDX";position:absolute;top:14px;right:18px;font-family:Special Elite,monospace;font-size:9px;letter-spacing:2.5px;color:var(--accent);opacity:.55;border:1px solid var(--accent);padding:2px 6px}.typewriter-wrapper{position:relative;width:100%;min-height:200px}.letter-display{color:var(--ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;padding-right:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.letter-display,.letter-textarea-raw{width:100%;min-height:200px;font-family:Special Elite,Nanum Gothic Coding,Courier New,monospace;font-size:16px;line-height:30px}.letter-textarea-raw{position:absolute;top:0;left:0;height:100%;background:transparent;border:none;outline:none;resize:none;color:transparent;caret-color:var(--accent);z-index:2}.tw-char,.tw-space{display:inline-block}.tw-placeholder{color:rgba(100,80,50,.3);font-style:italic;font-family:Special Elite,Nanum Gothic Coding,monospace}.char-count{display:flex;justify-content:flex-end;gap:3px;padding:8px 2px;font-size:12px;color:var(--ink-light)}.char-count .cur{font-weight:700;color:var(--ink)}.char-count.warn .cur{color:var(--accent)}.starter-label{font-size:11px;letter-spacing:2px;color:var(--ink-light);text-transform:uppercase;margin:20px 0 10px}.starter-chips{display:flex;flex-direction:column;gap:7px}.chip{background:transparent;border:1px solid var(--hanji-dark);border-radius:2px;padding:10px 14px;font-family:"Noto Serif KR",serif;font-size:13px;color:var(--ink-light);cursor:pointer;text-align:left;transition:all .2s}.chip:hover{background:var(--hanji);border-color:var(--accent);color:var(--ink)}.sound-row{display:flex;align-items:center;gap:8px;margin:20px 0 12px;font-size:12px;color:var(--ink-light);cursor:pointer}.sound-row input{display:none}.track{width:32px;height:18px;background:var(--hanji-dark);border-radius:9px;position:relative;transition:background .3s}.track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .3s}.sound-row input:checked+.track{background:var(--accent)}.sound-row input:checked+.track:after{transform:translateX(14px)}.btn-primary{width:100%;padding:15px;background:var(--ink);color:#fff;border:none;border-radius:2px;font-family:Special Elite,monospace;font-size:13px;letter-spacing:3px;cursor:pointer;transition:background .2s;margin:8px 0 12px}.btn-primary:hover{background:var(--accent)}.btn-primary:disabled{opacity:.28;cursor:not-allowed;background:var(--ink)}.btn-back{background:transparent;border:none;font-size:13px;color:var(--ink-light);cursor:pointer;letter-spacing:.5px;font-family:"Noto Serif KR",serif;padding:4px 0}.btn-back:hover{color:var(--ink)}.sec-title{font-size:19px;font-weight:600;margin-bottom:6px}.sec-sub{font-size:13px;color:var(--ink-light);line-height:1.7;margin-bottom:28px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:10px;letter-spacing:2.5px;color:var(--ink-light);text-transform:uppercase;margin-bottom:8px}.form-input{width:100%;padding:12px 14px;background:var(--hanji);border:1px solid var(--hanji-dark);border-radius:2px;font-family:"Noto Serif KR",serif;font-size:14px;color:var(--ink);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--ink)}.form-input::placeholder{color:rgba(100,80,50,.3)}.privacy-box{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--hanji);border-radius:2px;font-size:12px;color:var(--ink-light);line-height:1.7;margin-bottom:20px;cursor:pointer}.privacy-box input{width:15px;height:15px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.preview-card{border-radius:3px;padding:28px 26px;box-shadow:1px 1px 0 var(--hanji-dark),4px 4px 0 rgba(0,0,0,.04),0 14px 44px rgba(0,0,0,.12);margin-bottom:18px;background-color:var(--hanji);background-image:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(80,70,55,.07) 0,rgba(80,70,55,.07) 30px),url(https://img.freepik.com/free-photo/paperboard-texture_95678-72.jpg);background-size:auto,cover;background-blend-mode:normal,multiply}.preview-text{font-family:Special Elite,Nanum Gothic Coding,Courier New,monospace;font-size:15px;line-height:30px;color:var(--ink);white-space:pre-wrap;word-break:break-word;min-height:60px}.preview-sep{border:none;border-top:1px solid var(--hanji-dark);margin:20px 0 14px}.preview-to{font-size:11px;color:var(--ink-light);margin-bottom:3px;letter-spacing:1px}.preview-name{font-size:16px;font-weight:600;margin-bottom:2px}.preview-addr{font-size:13px;color:var(--ink-light)}.print-info{text-align:center;font-size:12px;color:var(--ink-light);line-height:1.9;padding:16px;background:rgba(201,103,62,.06);border:1px dashed rgba(201,103,62,.3);border-radius:2px;margin-bottom:20px}.print-info strong{color:var(--accent)}.error-msg{color:#c0392b;font-size:13px;text-align:center;margin-bottom:12px}.success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;text-align:center;padding:40px 24px}.success-icon{font-size:52px;margin-bottom:22px}.success-title{font-size:22px;font-weight:600;margin-bottom:10px}.success-sub{font-size:14px;color:var(--ink-light);line-height:1.9;margin-bottom:36px}.btn-outline{padding:12px 28px;background:transparent;border:1px solid var(--ink);border-radius:2px;font-family:Special Elite,monospace;font-size:12px;letter-spacing:2.5px;cursor:pointer;color:var(--ink);transition:all .2s}.btn-outline:hover{background:var(--ink);color:#fff}@media (max-width:400px){.hanji-card{padding:22px 18px 20px}.letter-display,.letter-textarea-raw{font-size:15px}}