*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:Gowun Dodum,system-ui,sans-serif;height:100dvh;transition:background .5s,color .5s}body.paper{--ink:#2E2620;--dim:#5C5047;--faint:#8A7F72;--panel:#FFFFFF;--line:#2E2620;--accent:#2E2620;--accentInk:#FBF7EE;--warm:#7A4E2D;--fade:rgba(251,247,238,.94);color:var(--ink);background-color:#fbf7ee;background-image:linear-gradient(#EDE5D3 1px,transparent 1px),linear-gradient(90deg,#EDE5D3 1px,transparent 1px);background-size:22px 22px}body.sky{--ink:#f6efe6;--dim:rgba(246,239,230,.68);--faint:rgba(246,239,230,.45);--panel:rgba(20,22,48,.72);--line:rgba(246,239,230,.2);--accent:#ffcf9a;--accentInk:#2a1d2a;--warm:#ffcf9a;--fade:rgba(16,17,40,.9);color:var(--ink);background:radial-gradient(120% 80% at 50% 0%,#2a2350,#141633 45%,#0a0b1c)}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}canvas.dragging{cursor:grabbing}.zoom{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:6px}.zoom .chip{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.zoom svg{width:20px;height:20px}header{position:fixed;left:0;right:0;top:0;z-index:5;background:linear-gradient(to bottom,var(--fade) 72%,transparent);padding-bottom:22px!important;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 16px 0 16px;pointer-events:none}.brand h1{font-family:Gaegu,cursive;font-weight:700;font-size:34px;line-height:1}body.sky .brand h1{font-family:Gowun Batang,serif;font-size:24px}.brand p{font-size:12.5px;color:var(--dim);margin-top:4px}.actions{display:flex;gap:6px;pointer-events:auto;align-items:center;position:relative}.iconbtn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.iconbtn svg{width:20px;height:20px}.actions .chip{min-height:44px}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;display:none;flex-direction:column;padding:6px;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;box-shadow:3px 4px #2e26202e;z-index:8}.menu.open{display:flex}.menu button,.menu a{font:inherit;text-decoration:none;font-size:14.5px;color:var(--ink);background:none;border:0;border-radius:10px;text-align:left;min-height:44px;padding:0 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.menu button:hover,.menu button:focus-visible,.menu a:hover,.menu a:focus-visible{background:#7f7f7f1f;outline:none}.menu button small{color:var(--dim);font-size:12.5px}.menu hr{border:0;border-top:1px solid var(--line);opacity:.25;margin:4px 6px}.menu button.warn{color:#c0392b}body.sky .menu{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-width:1px;box-shadow:0 10px 30px #0006}body.sky .menu button.warn{color:#ffb3a3}.chip{font:inherit;font-size:13px;color:var(--ink);background:var(--panel);border:1.5px solid var(--line);min-height:36px;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}body.sky .chip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-width:1px}.chip.warn{border-color:#c0392b;color:#c0392b}body.sky .chip.warn{border-color:#ff8c78b3;color:#ffb3a3}.empty{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;z-index:2;transition:opacity .6s;pointer-events:none;width:84%}.empty h2{font-family:Gaegu,cursive;font-weight:700;font-size:30px;line-height:1.3}body.sky .empty h2{font-family:Gowun Batang,serif;font-weight:400;font-size:21px}.empty p{color:var(--dim);font-size:14px;margin-top:10px;line-height:1.7}.empty button{pointer-events:auto;margin-top:18px}.bottom{position:fixed;left:0;right:0;bottom:0;z-index:6;background:linear-gradient(to top,var(--fade) 70%,transparent);padding-top:26px!important;padding:0 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.toast{font-size:15px;text-align:center;min-height:22px;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;max-width:520px;line-height:1.5;background:var(--panel);border:1.5px dashed var(--faint);border-radius:12px;padding:8px 14px;color:var(--ink)}body.paper .toast{font-family:Gaegu,cursive;font-size:19px}body.sky .toast{color:var(--warm);border:0;background:none;text-shadow:0 0 18px rgba(255,190,130,.35)}.toast.show{opacity:1;transform:none}.toast:empty{display:none}form.write{pointer-events:auto;width:100%;max-width:520px;display:flex;gap:8px;align-items:center}form.write label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}form.write input{flex:1;min-width:0;height:50px;padding:0 16px;font:inherit;font-size:16px;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:14px;outline:none}body.sky form.write input{border-radius:999px;border-width:1px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}form.write input::placeholder{color:var(--faint)}form.write button{height:50px;padding:0 18px;border:2px solid var(--line);border-radius:14px;background:var(--accent);color:var(--accentInk);font-family:Gaegu,cursive;font-weight:700;font-size:20px;cursor:pointer}body.sky form.write button{border:0;border-radius:999px;font-family:Gowun Dodum,sans-serif;font-size:15px;background:linear-gradient(135deg,#ffd9a8,#ff9f8a)}.hint{font-size:12px;color:var(--faint)}.tip{position:fixed;z-index:7;pointer-events:none;background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;opacity:0;transition:opacity .2s;transform:translate(-50%,calc(-100% - 14px));white-space:nowrap;color:var(--ink)}.tip b{font-size:15px}.tip span{color:var(--dim);display:block;margin-top:2px;font-size:12px}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:18px;background:#1e181273;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.open{opacity:1;pointer-events:auto}.card{width:100%;max-width:380px;max-height:calc(100dvh - 36px);overflow:auto;border-radius:20px;padding:24px 22px 20px;position:relative;background:#fffdf6;color:#2e2620;border:2px solid #2E2620;box-shadow:4px 6px #2e262040}.card .date{font-size:12px;color:#5c5047;letter-spacing:.04em}.card h3{font-family:Gaegu,cursive;font-weight:700;font-size:28px;line-height:1.2;margin:6px 0 14px;padding-right:56px}.card .sec{margin-top:14px}.card .label{font-size:12px;color:#5c5047;margin-bottom:8px}.words{display:flex;flex-wrap:wrap;gap:8px}.word{display:inline-flex;align-items:center;gap:6px;font-family:Gaegu,cursive;font-weight:700;font-size:20px;padding:3px 12px;border-radius:12px;background:#fff;border:2px solid #2E2620;box-shadow:2px 3px #2e26202e}.word small{font-family:Gowun Dodum,sans-serif;font-weight:400;font-size:11px;color:#5c5047}.line{font-size:14.5px;line-height:1.7}.line em{font-style:normal;background:#ffe27a;padding:0 3px}.card .msg{margin-top:16px;padding:10px 12px;border:1.5px dashed #6B5E52;border-radius:12px;font-family:Gaegu,cursive;font-size:20px;line-height:1.35}.card .close{position:absolute;top:14px;right:14px;color:#2e2620;background:#fff;border-color:#2e2620}.card .row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.btn{font:inherit;font-size:15px;min-height:44px;padding:0 16px;border-radius:12px;border:2px solid #2E2620;background:#fff;color:#2e2620;cursor:pointer}.btn.primary{background:#2e2620;color:#fbf7ee;font-family:Gaegu,cursive;font-weight:700;font-size:19px}.card input{width:100%;height:48px;padding:0 14px;font:inherit;font-size:17px;border:2px solid #2E2620;border-radius:12px;background:#fff;color:#2e2620;margin-top:4px}.card .foot{margin-top:12px;font-size:11.5px;color:#5c5047;text-align:center}.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:6px;text-align:center}.vs .label{margin-bottom:6px}.vs .mid{font-family:Gaegu,cursive;font-size:20px;color:#5c5047}.hot{background:#ff9c85!important}.hl{background:#ffe27a!important}body.sky .overlay{background:#06061299}body.sky .card{background:radial-gradient(140% 90% at 20% 0%,#3a2d63,#1b1b3f 55%,#111228);color:#f6efe6;border:1px solid rgba(255,220,180,.2);box-shadow:0 30px 80px #00000080;border-radius:24px}body.sky .card h3{font-family:Gowun Batang,serif;font-size:22px;line-height:1.4}body.sky .card .date,body.sky .card .label,body.sky .card .foot,body.sky .vs .mid{color:#f6efe69e}body.sky .vs .mid{font-family:Gowun Batang,serif}body.sky .word{font-family:Gowun Batang,serif;font-weight:700;font-size:16px;color:#f6efe6;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;box-shadow:none;padding:6px 12px}body.sky .word:before{content:"";width:8px;height:8px;border-radius:50%;background:#a8bcff;box-shadow:0 0 8px #a8bcff}body.sky .word small{color:#f6efe699}body.sky .hot{background:#ff706038!important;border-color:#ff8c788c}body.sky .hot:before{background:#ff7060;box-shadow:0 0 12px #ff7060}body.sky .hl{background:#ffe0a624!important}body.sky .hl:before{background:#ffe0a6;box-shadow:0 0 10px #ffe0a6}body.sky .line em{background:none;color:#ffcf9a}body.sky .card .msg{border:0;border-top:1px solid rgba(246,239,230,.14);border-radius:0;padding:14px 0 0;font-family:Gowun Batang,serif;font-size:16px;line-height:1.7;color:#ffcf9a}body.sky .card .close{color:#f6efe6;background:#14163099;border:1px solid rgba(246,239,230,.2)}body.sky .btn{background:#ffffff0f;color:#f6efe6;border:1px solid rgba(246,239,230,.22);border-radius:999px}body.sky .btn.primary{background:linear-gradient(135deg,#ffd9a8,#ff9f8a);color:#2a1d2a;border:0;font-family:Gowun Dodum,sans-serif;font-weight:700;font-size:15px}body.sky .card input{background:#ffffff0f;color:#f6efe6;border:1px solid rgba(246,239,230,.25);border-radius:999px}body.sky .card input::placeholder{color:#f6efe666}.seg{display:flex;gap:6px;margin:2px 0 12px}.seg button{flex:1;white-space:nowrap;min-height:38px;font:inherit;font-size:14px;border-radius:999px;border:1.5px solid #2E2620;background:#fff;color:#2e2620;cursor:pointer}.seg button[aria-pressed=true]{background:#2e2620;color:#fbf7ee}body.sky .seg button{background:#ffffff0f;color:#f6efe6;border:1px solid rgba(246,239,230,.22)}body.sky .seg button[aria-pressed=true]{background:#f6efe6;color:#1b1b3f}.preview{display:block;width:100%;max-width:230px;margin:0 auto;aspect-ratio:9/16;border-radius:14px;background:#faf6ef;box-shadow:0 10px 30px #00000040}.seg button{position:relative}.plusMark{font-style:normal;font-size:11px;color:#e8735c;margin-left:3px;vertical-align:4px;line-height:0}body.sky .plusMark{color:#ffc9a8}.seg button[aria-pressed=true] .plusMark{color:#ff9c85}body.sky .seg button[aria-pressed=true] .plusMark{color:#e8735c}.badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:1px 7px;border-radius:999px;background:#ff9c85;color:#2a1d2a;margin-left:6px;vertical-align:2px}.card .row.center{justify-content:center}.card .row.center .btn{min-width:180px}.sheet-bg{position:fixed;inset:0;z-index:20;background:#0a081473;opacity:0;pointer-events:none;transition:opacity .25s}.sheet-bg.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;bottom:0;z-index:21;width:100%;max-width:440px;transform:translate(-50%,105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);background:#fffdf6;color:#2e2620;border-radius:20px 20px 0 0;padding:10px 0 calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #00000040}.sheet.open{transform:translate(-50%)}.sheet .grab{width:38px;height:4px;border-radius:2px;background:#2e262033;margin:0 auto 10px}.sheet .shead{display:flex;align-items:center;justify-content:space-between;padding:0 18px 8px}.sheet .shead b{font-size:16px}.sheet .shead button{font:inherit;font-size:22px;line-height:1;background:none;border:0;color:inherit;cursor:pointer;width:40px;height:40px}.srow{display:flex;gap:6px;overflow-x:auto;padding:6px 14px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.srow::-webkit-scrollbar{display:none}.sbtn{flex:0 0 68px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;font-size:11.5px;line-height:1.25;text-align:center;color:inherit;background:none;border:0;cursor:pointer;padding:2px 0}.sbtn i{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:14px;background:#efe8da;color:#2e2620}.sbtn.ig i{background:linear-gradient(135deg,#ffd27a,#ff7a8a 55%,#b06ad9);color:#fff}.sbtn.kk i{background:#fee500;color:#3a1d1d}.sbtn.th i,.sbtn.xx i{background:#111;color:#fff}.scopy{display:flex;align-items:center;gap:8px;margin:2px 16px 0;padding:6px 6px 6px 14px;border:1.5px solid rgba(46,38,32,.18);border-radius:12px;background:#fff}.scopy span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#5c5047}.scopy button{flex:0 0 auto;font:inherit;font-size:13px;font-weight:700;border:0;border-radius:999px;padding:8px 14px;background:#2e2620;color:#fbf7ee;cursor:pointer}.share-msg{margin:10px 18px 0;font-size:12.5px;line-height:1.5;color:#5c5047;min-height:18px}body.sky .sheet{background:#1b1b3f;color:#f6efe6}body.sky .sheet .grab{background:#f6efe640}body.sky .sbtn:not(.ig):not(.kk):not(.th):not(.xx) i{background:#ffffff1a;color:#f6efe6}body.sky .sbtn.th i,body.sky .sbtn.xx i{border:1px solid rgba(246,239,230,.3)}body.sky .scopy{background:#ffffff0f;border-color:#f6efe633}body.sky .scopy span,body.sky .share-msg{color:#f6efe6b3}body.sky .scopy button{background:linear-gradient(135deg,#ffd9a8,#ff9f8a);color:#2a1d2a}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}