@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap";:root{--ink:#1c1c1e;--sub:#6b6b70;--line:#e3e3e7;--bg:#f4f4f6;--card:#fff;--accent:#5b3df5;--red:#e5484d;--yellow:#f5c518;--green:#30a46c;--blue:#3e63dd;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);margin:0}h1{margin:0;font-size:26px}h2{margin:0;font-size:20px}p{margin:0}.sub{color:var(--sub);font-size:14px}.err{color:var(--red);font-size:14px}.screen{max-width:480px;min-height:100svh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;margin:0 auto;display:flex}.screen.center{justify-content:center;align-items:center}.stack{flex-direction:column;gap:12px;width:100%;display:flex}.btn{text-align:center;background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:700;text-decoration:none;display:block}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.btn.warn{color:#b26a00;background:#fff4e5;border:1px solid #f0d49c}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.field{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;font-size:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.note{color:var(--sub);background:#fffbe9;border:1px solid #f3e6a8;border-radius:8px;padding:8px 10px;font-size:12px}.pirate{--p-gold:#e3b341;--p-gold-deep:#b8862a;--p-cream:#f5e8c8;--p-tan:#cdb78d;--p-line:#5e4426;--p-red:#e0584f;min-height:100%;color:var(--p-cream);background:radial-gradient(125% 85% at 50% -8%,#16414f 0%,#0e2832 48%,#07151b 100%)}.pirate .screen{color:var(--p-cream);background:repeating-linear-gradient(90deg,#0000 0 44px,#0000000d 44px 46px),radial-gradient(135% 90% at 50% 0,#1a4655 0%,#0e2832 52%,#06141a 100%)}.pirate .screen.center{background:repeating-linear-gradient(90deg,#0000 0 44px,#0000000d 44px 46px),radial-gradient(135% 90% at 50% 0,#1a4655 0%,#0e2832 52%,#06141a 100%)}.pirate h1,.pirate h2{color:var(--p-gold);letter-spacing:.4px;text-shadow:0 2px #00000080;font-family:Black Han Sans,-apple-system,Apple SD Gothic Neo,sans-serif}.pirate .sub{color:var(--p-tan)}.pirate .err{color:#ff9a8a}.pirate .link{color:var(--p-gold)}.pirate .card{border:1px solid var(--p-line);color:var(--p-cream);background:linear-gradient(#3a2817 0%,#271a10 100%);border-radius:14px;box-shadow:0 7px 20px #00000080,inset 0 1px #e3b34124}.pirate .card .sub{color:var(--p-tan)}.pirate .btn{letter-spacing:.4px;color:#3a260a;text-shadow:0 1px #ffffff59;background:linear-gradient(#f5d271 0%,#e3b341 46%,#bd8c2c 100%);border:1px solid #8a6418;border-radius:12px;font-family:Black Han Sans,-apple-system,Apple SD Gothic Neo,sans-serif;box-shadow:0 4px #7a591a,0 8px 16px #0000006b}.pirate .btn:active{transform:translateY(2px);box-shadow:0 2px #7a591a,0 4px 9px #0000006b}.pirate .btn:disabled{opacity:.5;transform:none;box-shadow:0 4px #7a591a}.pirate .btn.ghost{color:var(--p-cream);border:1px solid var(--p-gold-deep);text-shadow:none;background:linear-gradient(#3c2a18,#241710);box-shadow:0 3px #140c06,0 6px 13px #0000006b}.pirate .btn.warn{color:#7a4a12;background:linear-gradient(#f1e2b4,#e6d099);border:1px solid #c9a45a;box-shadow:0 3px #b0883e}.pirate .field{color:var(--p-cream);border:1px solid var(--p-line);background:#241710;border-radius:10px}.pirate .field::placeholder{color:#9a8a66}.pirate .note{color:#5a3d12;background:linear-gradient(#efe2bd,#e6d3a3);border:1px solid #c9a45a;border-radius:8px}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes revealflash{0%{opacity:1}55%{opacity:.92}to{opacity:0}}@keyframes shuffle{0%{transform:rotate(-12deg)translate(-6px)scale(.95)}50%{transform:rotate(10deg)translate(6px)scale(1.05)}to{transform:rotate(-12deg)translate(-6px)scale(.95)}}@keyframes carddrop{0%{opacity:0;transform:translateY(-120vh)rotate(-10deg)}70%{opacity:1}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes cardpop{0%{opacity:0;transform:scale(.25)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sparkle{0%,to{filter:brightness();transform:scale(1)rotate(0)}50%{filter:brightness(1.7);transform:scale(1.25)rotate(8deg)}}@keyframes flytochest{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1}to{transform:var(--fly-to) scale(.3);opacity:0}}.brief{--b-paper:#e9ecec;--b-surface:#f6f8f7;--b-surface-2:#eef1f0;--b-ink:#14232b;--b-ink-soft:#3f5560;--b-ink-faint:#6d838d;--b-line:#d3dad9;--b-sea-1:#0c161c;--b-sea-2:#12252f;--b-gold:#bd8f28;--b-gold-bright:#e3b341;--b-cream:#f5ecd4;--b-r:#e5484d;--b-y:#e8af13;--b-g:#2f9d68;--b-b:#3e63dd;--b-shadow:0 1px 2px #1020280f,0 8px 24px -12px #10202838;--b-radius:14px;background:var(--b-paper);color:var(--b-ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Pretendard,Pretendard Variable,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){.brief{--b-paper:#0c141a;--b-surface:#111e26;--b-surface-2:#152530;--b-ink:#eaf1f2;--b-ink-soft:#a9bcc4;--b-ink-faint:#7c929c;--b-line:#22343f;--b-gold:#d7a53a;--b-gold-bright:#f0c65a;--b-r:#f0656a;--b-y:#f2c33a;--b-g:#48b981;--b-b:#6d8bf0;--b-shadow:0 1px 2px #0006,0 12px 30px -14px #0009}}.brief *{box-sizing:border-box}.brief .b-shell{max-width:1040px;margin:0 auto;padding:0 22px}.brief h1,.brief h2,.brief h3{letter-spacing:-.03em;margin:0;line-height:1.15}.brief p{margin:0}.brief .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.b-topbar{z-index:50;background:color-mix(in srgb,var(--b-paper) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--b-line);position:sticky;top:0}.b-topbar .in{flex-wrap:wrap;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:10px 22px;display:flex}.b-topbar .ttl{font-size:15px;font-weight:800}.b-topbar .spring{flex:1}.b-seg{border:1px solid var(--b-line);border-radius:999px;display:inline-flex;overflow:hidden}.b-seg button{background:var(--b-surface);color:var(--b-ink-soft);font:inherit;cursor:pointer;border:0;padding:6px 14px;font-size:13px;font-weight:600}.b-seg button.on{background:var(--b-gold);color:#2a1c05}.b-btn{border:1px solid var(--b-line);background:var(--b-surface);color:var(--b-ink);font:inherit;cursor:pointer;border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600}.b-btn:hover{border-color:var(--b-gold)}.b-btn.gold{background:linear-gradient(180deg,var(--b-gold-bright),var(--b-gold));color:#2a1c05;border-color:var(--b-gold)}.b-btn.sm{padding:4px 9px;font-size:12px}.b-btn:disabled{opacity:.5;cursor:default}.b-name{border:1px solid var(--b-line);background:var(--b-surface);color:var(--b-ink);font:inherit;border-radius:8px;width:120px;padding:6px 10px;font-size:13px}.b-avatars{align-items:center;gap:-6px;display:flex}.b-av{color:#2a1c05;background:var(--b-gold-bright);border:2px solid var(--b-paper);border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-6px;font-size:11px;font-weight:800;display:grid}.b-online{color:var(--b-ink-faint);font-size:12px}.b-cover{color:var(--b-cream);background:radial-gradient(120% 90% at 82% -10%,#e3b34138,transparent 55%), linear-gradient(160deg,var(--b-sea-2),var(--b-sea-1) 70%);border-bottom:1px solid #e3b34140;position:relative;overflow:hidden}.b-cover .in{max-width:1040px;margin:0 auto;padding:40px 22px 34px}.b-cover h1{color:#fff;font-size:clamp(28px,5vw,44px);font-weight:800}.b-cover .sub{color:var(--b-gold-bright);margin-top:8px;font-size:15px;font-weight:600}.b-cover .lead{color:#f5ecd4d1;max-width:60ch;margin-top:14px;font-size:14.5px}.b-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--b-gold);font-size:11px;font-weight:700}.b-cover .b-eyebrow{color:var(--b-gold-bright)}.b-section{border-top:1px solid var(--b-line);padding:34px 0}.b-section h2{margin-bottom:6px;font-size:clamp(20px,3vw,28px);font-weight:800}.b-section .desc{color:var(--b-ink-soft);max-width:66ch;margin-bottom:18px;font-size:14.5px}.b-turn{grid-template-columns:repeat(2,1fr);gap:0 24px;display:grid}.b-turn .step{border-top:1px solid var(--b-line);gap:12px;padding:11px 0;font-size:14px;display:flex}.b-turn .step b,.b-turn .step .n{color:var(--b-gold);font-weight:700}.b-turn .step .n{min-width:18px;font-family:ui-monospace,monospace}@media (width<=640px){.b-turn{grid-template-columns:1fr}}.b-disc{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.b-dc{border-radius:var(--b-radius);border:1px solid var(--b-line);background:var(--b-surface);box-shadow:var(--b-shadow);overflow:hidden}.b-dc .top{color:#fff;text-align:center;padding:16px 12px;position:relative}.b-dc .top .dot{background:#ffffffe6;border-radius:50%;width:38px;height:38px;margin:0 auto 8px;box-shadow:inset 0 -5px 10px #0000002e}.b-dc .top .code{font-family:ui-monospace,monospace;font-size:18px;font-weight:800;position:absolute;top:8px;left:11px}.b-dc[data-c=r] .top{background:linear-gradient(160deg,#ef5a5f,#d13c41)}.b-dc[data-c=y] .top{color:#3a2f05;background:linear-gradient(160deg,#efbb2e,#d69a10)}.b-dc[data-c=g] .top{background:linear-gradient(160deg,#3aad74,#238a57)}.b-dc[data-c=b] .top{background:linear-gradient(160deg,#5677e6,#3a5bce)}.b-dc[data-c=y] .top .dot{background:#fff3d0}.b-dc .nm{font-size:13px;font-weight:750}.b-dc .bot{text-align:center;padding:11px 12px 14px}.b-dc .kw{color:var(--b-ink-soft);font-size:12px}.b-dc .hx{color:var(--b-ink-faint);margin-top:5px;font-family:ui-monospace,monospace;font-size:11px}@media (width<=720px){.b-disc{grid-template-columns:repeat(2,1fr)}}.b-rules{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.b-rule{background:var(--b-surface);border:1px solid var(--b-line);border-radius:var(--b-radius);box-shadow:var(--b-shadow);padding:18px 18px 16px;position:relative;overflow:hidden}.b-rule:before{content:"";background:var(--b-gold);width:4px;position:absolute;top:0;bottom:0;left:0}.b-rule .rn{letter-spacing:.12em;color:var(--b-gold);text-transform:uppercase;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.b-rule h3{margin:7px 0 6px;font-size:16px}.b-rule p{color:var(--b-ink-soft);font-size:13.5px}@media (width<=640px){.b-rules{grid-template-columns:1fr}}.b-deliv{columns:2;column-gap:24px}.b-deliv .li{break-inside:avoid;gap:10px;padding:9px 0;display:flex}.b-deliv .bx{border:2px solid var(--b-gold);border-radius:4px;flex:none;width:16px;height:16px;margin-top:3px}.b-deliv .tx{font-size:14px}.b-deliv .tx b{font-weight:750}.b-deliv .tx span{color:var(--b-ink-faint);font-size:12.5px;display:block}.b-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.b-notes li{color:var(--b-ink-soft);padding-left:18px;font-size:14px;position:relative}.b-notes li:before{content:"›";color:var(--b-gold);font-weight:800;position:absolute;left:2px}@media (width<=640px){.b-deliv{columns:1}}.b-screens{flex-direction:column;gap:26px;padding:28px 0;display:flex}.b-card{background:var(--b-surface);border:1px solid var(--b-line);box-shadow:var(--b-shadow);border-radius:16px;overflow:hidden}.b-card.key{border-color:var(--b-gold);box-shadow:0 0 0 2px #bd8f2838, var(--b-shadow)}.b-card .hd{border-bottom:1px solid var(--b-line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.b-card .hd .num{color:var(--b-gold);font-family:ui-monospace,monospace;font-size:15px;font-weight:800}.b-card .hd .tt{font-size:17px;font-weight:800}.b-card .hd .spring{flex:1}.b-body{grid-template-columns:280px 1fr;gap:22px;padding:18px;display:grid}@media (width<=760px){.b-body{grid-template-columns:1fr}}.b-shot .phone{border:1px solid var(--b-line);aspect-ratio:480/900;background:#0b1218;border-radius:16px;overflow:hidden}.b-shot .phone img{object-fit:contain;width:100%;height:100%;display:block}.b-shot .cap{color:var(--b-ink-faint);text-align:center;margin-top:7px;font-size:11px}.b-fields{flex-direction:column;gap:14px;min-width:0;display:flex}.b-flabel{color:var(--b-gold);align-items:center;gap:6px;margin-bottom:5px;font-size:12px;font-weight:800;display:flex}.b-input{border:1px solid var(--b-line);background:var(--b-paper);width:100%;color:var(--b-ink);font:inherit;resize:none;border-radius:10px;padding:9px 11px;font-size:14px;line-height:1.6;overflow:hidden}.b-input:focus{border-color:var(--b-gold);outline:none;box-shadow:0 0 0 3px #bd8f2829}.b-input[readonly]{cursor:default;background:0 0;border-color:#0000;padding-left:0}.b-elements{background:var(--b-paper);border:1px solid var(--b-gold);border-radius:12px;padding:12px 13px}.b-rowlist{flex-direction:column;gap:8px;display:flex}.b-row{grid-template-columns:96px 1fr auto;align-items:start;gap:8px;display:grid}.b-row .rlabel{border:1px solid var(--b-line);background:var(--b-paper);color:var(--b-gold);font:inherit;border-radius:8px;padding:8px 9px;font-size:12.5px;font-weight:700}.b-row .del{border:1px solid var(--b-line);background:var(--b-surface);color:var(--b-ink-faint);cursor:pointer;border-radius:8px;padding:0 9px;font-size:14px}.b-addrow{border:1px dashed var(--b-line);color:var(--b-ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:6px 11px;font-size:12.5px}.b-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.b-status{border:1px solid var(--b-line);border-radius:999px;display:inline-flex;overflow:hidden}.b-status button{background:var(--b-surface);color:var(--b-ink-faint);font:inherit;cursor:pointer;border:0;padding:4px 10px;font-size:11.5px;font-weight:700}.b-status button.on[data-s=todo]{color:#fff;background:#9aa7ad}.b-status button.on[data-s=in_progress]{background:var(--b-b);color:#fff}.b-status button.on[data-s=review]{background:var(--b-y);color:#3a2f05}.b-status button.on[data-s=done]{background:var(--b-g);color:#fff}.b-star{border:1px solid var(--b-line);background:var(--b-surface);cursor:pointer;border-radius:8px;padding:3px 9px;font-size:14px}.b-star.on{color:var(--b-gold);border-color:var(--b-gold)}.b-tag{border:1px solid var(--b-line);background:var(--b-surface);color:var(--b-ink-soft);font:inherit;border-radius:8px;padding:4px 8px;font-size:12px}.b-props{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.b-prop{border:1px solid var(--b-line);background:#0b1218;border-radius:8px;width:60px;height:100px;position:relative;overflow:hidden}.b-prop img{object-fit:cover;width:100%;height:100%}.b-prop .x{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:1;position:absolute;top:2px;right:2px}.b-upload{border:1px dashed var(--b-line);width:60px;height:100px;color:var(--b-ink-faint);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.b-upload input{display:none}.b-comments{border-top:1px solid var(--b-line);background:var(--b-surface-2);padding:14px 18px}.b-comments .ch{color:var(--b-gold);margin-bottom:9px;font-size:12px;font-weight:800}.b-clist{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.b-c{background:var(--b-surface);border:1px solid var(--b-line);border-radius:10px;padding:9px 11px;font-size:13.5px}.b-c.resolved{opacity:.55}.b-c .meta{align-items:center;gap:8px;margin-bottom:3px;display:flex}.b-c .who{font-size:12px;font-weight:700}.b-c .when{color:var(--b-ink-faint);font-size:11px}.b-c .rz{color:var(--b-ink-faint);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px;text-decoration:underline}.b-cform{align-items:flex-end;gap:8px;display:flex}.b-cform textarea{flex:1}.b-err{color:var(--b-r);font-size:12.5px}.b-empty{color:var(--b-ink-faint);text-align:center;padding:30px 0;font-size:13px}.b-chip{background:var(--b-surface-2);border:1px solid var(--b-line);color:var(--b-ink-faint);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.b-card.key .b-chip{border-color:var(--b-gold);color:var(--b-gold);background:#bd8f281f}.b-star-badge{color:var(--b-gold);font-size:16px}.b-preview .p-screen{border-top:1px solid var(--b-line);padding:34px 0}.b-preview .p-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.b-preview .p-num{color:var(--b-gold);font-family:ui-monospace,monospace;font-size:16px;font-weight:800}.b-preview .p-title{font-size:clamp(19px,3vw,26px);font-weight:800}.b-preview .p-body{grid-template-columns:280px 1fr;align-items:start;gap:26px;display:grid}@media (width<=760px){.b-preview .p-body{grid-template-columns:1fr}}.b-preview .p-shot .phone{border:1px solid var(--b-line);aspect-ratio:480/900;background:#0b1218;border-radius:18px;overflow:hidden}.b-preview .p-shot .phone img{object-fit:contain;width:100%;height:100%;display:block}.b-preview .p-dir{flex-direction:column;gap:14px;display:flex}.b-preview .p-elements{background:var(--b-surface);border:1px solid var(--b-gold);border-radius:12px;padding:14px 16px}.b-preview .p-elements .l{color:var(--b-gold);margin-bottom:6px;font-size:12.5px;font-weight:800}.b-preview .p-row{border-top:1px solid var(--b-line);grid-template-columns:90px 1fr;gap:12px;padding:9px 0;display:grid}.b-preview .p-row:first-child{border-top:0}.b-preview .p-row .k{color:var(--b-gold);font-size:12.5px;font-weight:700}.b-preview .p-row .v{color:var(--b-ink-soft);font-size:14px}.b-preview .p-row .sub{color:var(--b-ink-soft);margin:0;padding-left:16px;font-size:14px}.b-preview .p-point{background:var(--b-surface-2);border:1px solid var(--b-line);border-left:4px solid var(--b-gold);border-radius:12px;padding:13px 15px}.b-preview .p-point .l{letter-spacing:.1em;text-transform:uppercase;color:var(--b-gold);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.b-preview .p-point p{color:var(--b-ink-soft);font-size:14px}.b-preview .p-current{color:var(--b-ink-faint);font-size:12.5px;font-style:italic}.b-preview .p-props{flex-wrap:wrap;gap:8px;display:flex}.b-preview .p-props img{object-fit:cover;border:1px solid var(--b-line);border-radius:8px;width:70px;height:116px}.brief b{font-weight:750}@media print{@page{size:A4;margin:12mm}.brief{--b-paper:#fff;--b-surface:#fff;--b-surface-2:#f4f6f6;--b-shadow:none;color:#14232b;background:#fff}.b-topbar{display:none!important}.brief *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important}.b-cover{break-after:page}.b-section{break-inside:avoid}.b-preview .p-screen{break-before:page;break-inside:avoid;border-top:0}.b-preview .p-shot .phone{aspect-ratio:auto;max-height:150mm}.b-preview .p-shot .phone img{max-height:150mm}}@media (prefers-reduced-motion:reduce){.brief *{transition:none!important}}