.app{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app:before,.app:after{content:"";position:fixed;left:50%;transform:translate(-50%);pointer-events:none;z-index:0;border-radius:50%}.app:before{top:-26%;width:135%;height:62%;background:radial-gradient(closest-side,#3182f633,#3182f600 70%);animation:aura 9s ease-in-out infinite}.app:after{bottom:-34%;width:125%;height:58%;background:radial-gradient(closest-side,#ff8a4c1f,#ff8a4c00 70%);animation:aura 12s ease-in-out infinite reverse}@keyframes aura{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.06)}}.write,.destroy{position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-primary{width:100%;min-height:56px;padding:16px 20px;border:0;border-radius:var(--r-md);background:var(--tds-blue);color:#fff;font-size:18px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .08s ease,background .15s ease,box-shadow .2s ease,opacity .15s ease}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.38}.btn-primary svg{width:21px;height:21px}.btn-shred:not(:disabled){background:linear-gradient(135deg,#3f8bff,#2f74e0);box-shadow:0 8px 24px #3182f652;animation:breathe 2.6s ease-in-out infinite}.btn-shred:active{background:linear-gradient(135deg,#2f74e0,#245fc0)}@keyframes breathe{0%,to{box-shadow:0 8px 22px #3182f63d}50%{box-shadow:0 10px 30px #3182f67a}}.write{flex:1;display:flex;flex-direction:column;padding:26px 20px calc(18px + env(safe-area-inset-bottom));gap:14px}.write-head{display:flex;flex-direction:column;gap:10px}.write-title{margin:0;font-size:27px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.write-sub{margin:-3px 0 3px;font-size:18px;line-height:1.45;color:var(--text-weak)}.write-guard{margin:0;display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:14px;background:#03b26c14;border:1px solid rgba(3,178,108,.2);font-size:18px;line-height:1.4;color:var(--text-weak)}.write-guard .guard-ic{flex-shrink:0;margin-top:1px;color:#4fd39b}.write-guard b{color:#4fd39b;font-weight:700}.write-input{flex:1;width:100%;min-height:0;resize:none;border:1px solid var(--line);border-radius:var(--r-lg);background:#ffffff09;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);padding:22px;font-size:20px;line-height:1.6;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.write-input::placeholder{color:var(--text-faint)}.write-input:focus{border-color:#3182f68c;box-shadow:0 0 0 4px #3182f61f;background:#ffffff0d}.write-actions{padding-top:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line);color:var(--text-weak);font-size:17px;font-weight:600;transition:transform .08s ease,background .15s ease,border-color .15s ease,color .15s ease}.chip:active{transform:scale(.94);background:#3182f629;border-color:#3182f673;color:#cfe0ff}.write-controls{display:flex;align-items:center;gap:12px}.ctl-label{font-size:17px;font-weight:600;color:var(--text-weak)}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:13px;background:#ffffff0d;border:1px solid var(--line)}.seg button{border:0;background:transparent;color:var(--text-weak);font-size:17px;font-weight:700;min-height:42px;padding:8px 22px;border-radius:10px;transition:background .15s ease,color .15s ease}.seg button[aria-pressed=true]{background:var(--tds-blue);color:#fff}.btn-shred{position:relative;overflow:hidden;touch-action:none}.btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:#ffffff3d;transition:transform .1s ease-out;pointer-events:none}.btn-face{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px}.write-legal{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:8px;font-size:14px}.write-legal a{color:var(--text-faint);text-decoration:none}.write-legal a:active{color:var(--text-weak)}.write-legal span{color:var(--text-faint)}.destroy{flex:1;position:relative;display:flex;padding:24px 20px calc(20px + env(safe-area-inset-bottom))}.destroy-canvas{flex:1;width:100%;height:100%;display:block}.sheet-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;animation:dim-in .2s ease both}.sheet{width:100%;max-width:520px;box-sizing:border-box;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:28px 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:sheet-up .28s cubic-bezier(.16,1,.3,1) both}.sheet-emoji{font-size:40px;line-height:1}.sheet-title{margin:4px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.sheet-quote{margin:0;font-size:18px;line-height:1.55;color:var(--text-weak)}.sheet-streak{margin:4px 0 8px;font-size:18px;font-weight:700;color:#ffb84d}.sheet .btn-primary{margin-top:8px}@keyframes dim-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-dim,.btn-shred,.app:before,.app:after{animation:none}}:root{--tds-blue: #3182f6;--tds-blue-pressed: #2b74e0;--tds-success: #03b26c;--tds-error: #f04452;--bg: #0a0a0f;--bg-elev: #14141b;--surface: #1b1b24;--line: #2a2a35;--text: #f2f4f6;--text-weak: #9aa0ab;--text-faint: #6b7280;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--touch: 52px;color:var(--text);background:var(--bg);font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}textarea,input{-webkit-user-select:text;user-select:text}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#05050a}.preview-frame{position:relative;width:100%;max-width:420px;height:100dvh;max-height:860px;overflow:hidden;background:var(--bg, #0a0a0f);box-shadow:0 20px 60px #0009}@media(min-width:480px){.preview-frame{border-radius:28px;height:min(860px,calc(100dvh - 24px))}}.preview-frame .app{height:100%;min-height:0}