@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#20201e;--paper:#f7f5ef;--yellow:#f6cd47;--coral:#f27d5f;--purple:#7866d5;--mint:#93c9ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid #d8d4c8;align-items:center;gap:28px;max-width:1180px;height:72px;margin:auto;padding:0 24px;display:flex}.brand{color:inherit;letter-spacing:-1px;align-items:center;gap:11px;font-size:21px;font-weight:900;text-decoration:none;display:flex}.brand-mark{align-items:flex-end;gap:2px;width:34px;height:29px;display:flex;position:relative;transform:rotate(-4deg)}.brand-mark i{border:2px solid var(--ink);background:var(--yellow);border-radius:50% 50% 45% 45%;width:9px;height:22px;display:block}.brand-mark i:nth-child(2){background:var(--coral);height:29px}.brand-mark i:nth-child(3){background:var(--mint);height:19px}.tagline{color:#77736c;letter-spacing:.06em;border-left:1px solid #cbc6ba;padding-left:28px;font-size:12px}.status{color:#69665f;background:#ebe8df;border-radius:99px;margin-left:auto;padding:8px 13px;font-size:11px;font-weight:700}.status span{background:#69a37e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.hero{max-width:1180px;margin:auto;padding:70px 24px 58px;position:relative}.eyebrow{align-items:center;gap:15px;margin-bottom:17px;display:flex}.eyebrow span{letter-spacing:.22em;background:var(--ink);color:#fff;padding:7px 9px;font:800 10px/1 Arial;transform:rotate(-2deg)}.eyebrow b{color:#77736c;font-size:12px}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(50px,7.2vw,91px);font-weight:950;line-height:.96}.hero h1 em{color:var(--coral);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--yellow);border-radius:50%;height:8px;position:absolute;bottom:-8px;left:2px;right:-7px;transform:rotate(-1deg)}.hero>p{color:#68655f;margin:28px 0 0;font-size:15px;line-height:1.8}.people-doodle{align-items:flex-end;gap:9px;display:flex;position:absolute;bottom:36px;right:48px;transform:rotate(3deg)}.people-doodle span{border:3px solid var(--ink);background:var(--yellow);border-radius:48% 48% 38% 38%;place-items:center;width:63px;height:74px;font-size:31px;display:grid}.people-doodle span:nth-child(2){background:var(--coral);height:91px}.people-doodle span:nth-child(3){background:var(--mint);height:66px}.workspace{max-width:1180px;margin:0 auto 80px;padding:0 24px}.tool-tabs{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;display:grid}.tool-tabs button{text-align:left;color:#77736c;background:#ebe8df;border:1px solid #cbc6ba;border-radius:14px 14px 0 0;align-items:center;gap:11px;min-height:76px;padding:14px 15px;transition:all .2s;display:flex}.tool-tabs button:hover{transform:translateY(-3px)}.tool-tabs button.active{border-color:var(--ink);min-height:88px;color:var(--ink);z-index:2;background:#fff;border-bottom-color:#fff;position:relative;transform:none}.tab-icon{background:#d9d5cb;border-radius:50%;flex:0 0 36px;place-items:center;height:36px;font-size:19px;font-weight:900;display:grid}.active .tab-icon{background:var(--yellow);border:1px solid var(--ink)}.tool-tabs b,.tool-tabs small{display:block}.tool-tabs b{margin-bottom:4px;font-size:14px}.tool-tabs small{font-size:9px;font-weight:600}.tool-panel{border:1px solid var(--ink);background:#fff;min-height:450px;margin-top:-1px;box-shadow:8px 9px #ded9cc}.panel-grid{grid-template-columns:1.04fr .96fr;min-height:450px;display:grid}.form-side,.result-side{padding:45px 50px}.form-side{border-right:1px dashed #bdb8ab}.step-label{color:#9e8425;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.step-label span{background:var(--yellow);color:var(--ink);border-radius:99px;padding:6px 8px}.step-label.coral{color:#b2533d}.step-label.coral span{background:#ffd7ca}.step-label.purple{color:#6655b9}.step-label.purple span{background:#dfd9ff}.form-side h2{letter-spacing:-.045em;margin:17px 0 8px;font-size:28px}.subcopy{color:#807c74;margin:0 0 24px;font-size:12px}.input-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:#605d57;font-size:11px;font-weight:800;display:block}textarea,input,select{width:100%;color:var(--ink);background:#faf9f5;border:1px solid #c9c4b8;border-radius:7px;outline:none;transition:all .2s}textarea:focus,input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #f6cd474d}textarea{resize:vertical;min-height:142px;margin-top:8px;padding:13px;line-height:1.65}input,select{height:44px;margin-top:8px;padding:0 12px}.wide-label{margin-top:24px}.wide-label textarea{min-height:120px}.step-label.mint{color:#37785e}.step-label.mint span{background:#ccead9}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff;width:100%;height:50px;box-shadow:4px 4px 0 var(--yellow);border-radius:7px;margin-top:18px;font-size:14px;font-weight:900}.primary span{float:right;padding-right:6px}.primary:hover{box-shadow:2px 2px 0 var(--yellow);transform:translate(2px,2px)}.primary:disabled{opacity:.35;cursor:not-allowed}.purple-btn{box-shadow:4px 4px #b8acf7}.error{color:#c94f38;margin:10px 0 -5px;font-size:11px}.result-side{background:#f3f0e8;flex-direction:column;justify-content:center;display:flex;position:relative}.ladder-paper{background:#fffdf7;border:1px solid #d6cfbf;min-height:390px;margin:30px;padding:38px 35px;transform:rotate(.7deg);box-shadow:3px 4px #ddd5c6}.tape{background:#f6cd47a6;width:76px;height:25px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg)}.mini-title{letter-spacing:.2em;color:#9a958a;margin:0 0 25px;font-size:9px;font-weight:900}.empty-result{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ladder-lines{color:#c9b33f;margin-bottom:12px;font:700 34px/1 monospace;transform:rotate(5deg)}.empty-result b{font-size:19px}.empty-result span{color:#99948a;font-size:11px}.match-list{flex-direction:column;gap:13px;display:flex}.match{align-items:center;gap:8px;font-size:12px;display:flex}.match .dot{border:1px solid var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.match i{color:#b7b0a2;letter-spacing:1px;flex:1;font-style:normal;overflow:hidden}.match strong{font-size:12px}.c0{background:var(--yellow)}.c1{background:#ffad96}.c2{background:#aed8c2}.c3{background:#c8bff5}.poll-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);min-height:540px;display:grid}.poll-main{border-right:1px dashed #bdb8ab;padding:40px 48px}.poll-mode-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.poll-mode-head h2{letter-spacing:-.045em;margin:14px 0 24px;font-size:28px}.new-poll-btn{border:1px solid var(--ink);box-shadow:2px 2px 0 var(--yellow);background:#fff;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:900}.poll-editor>label{display:block}.poll-type-switch{background:#ede9df;border-radius:8px;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px;padding:5px;display:grid}.poll-type-switch button{color:#807a70;background:0 0;border:1px solid #0000;border-radius:6px;height:38px;font-size:11px;font-weight:900}.poll-type-switch button span{margin-right:6px}.poll-type-switch button.active{border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--yellow);background:#fff}.option-editor{flex-direction:column;gap:7px;margin-top:18px;display:flex}.option-editor>b{color:#605d57;margin-bottom:2px;font-size:11px}.edit-option{grid-template-columns:27px 1fr 34px;align-items:center;gap:7px;display:grid}.edit-option>span{background:#ffd7ca;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid}.edit-option input{height:40px;margin:0}.edit-option.date-option>span{color:#34785c;background:#ccead9}.edit-option.date-option input{color:#3f534a;background:#f1f5f2;font-weight:700}.edit-option button{color:#9b968d;background:0 0;border:0;width:34px;height:34px;font-size:20px}.edit-option button:disabled{opacity:.2;cursor:not-allowed}.date-empty{color:#938d82;text-align:center;background:#faf9f5;border:1px dashed #bdb8ab;border-radius:7px;padding:22px 12px;font-size:10px}.add-row{gap:8px;margin-top:12px;display:flex}.add-row input{margin:0}.add-row button{border:1px solid var(--ink);background:var(--yellow);border-radius:7px;flex:0 0 74px;font-weight:900}.date-add button{background:var(--mint);flex-basis:96px}.save-poll{border:1px solid var(--ink);color:#fff;width:100%;height:45px;box-shadow:3px 3px 0 var(--mint);background:#34785c;border-radius:7px;margin-top:12px;font-size:12px;font-weight:900}.save-poll span{float:right;margin-right:6px}.save-poll:disabled{opacity:.45}.privacy-note{color:#8e897f;margin-top:12px;font-size:10px}.readonly-question{background:#fff8e6;border:1px solid #d6cba8;border-radius:8px;margin-bottom:18px;padding:20px}.readonly-question>span{letter-spacing:.18em;color:#b07b28;font-size:8px;font-weight:900}.readonly-question h3{letter-spacing:-.04em;margin:8px 0 7px;font-size:23px}.readonly-question small{color:#918a7b;font-size:9px}.poll-list{flex-direction:column;gap:9px;display:flex}.poll-list button{text-align:left;background:#fff;border:1px solid #d6cba8;border-radius:7px;justify-content:space-between;align-items:center;min-height:51px;padding:0 14px;display:flex;position:relative;overflow:hidden}.poll-list button:disabled{cursor:wait}.poll-list button.selected{box-shadow:2px 2px 0 var(--mint);border:2px solid #34785c}.poll-list .bar{background:#f8dda0;transition:width .25s;position:absolute;inset:0 auto 0 0}.poll-list button.selected .bar{background:#ccead9}.poll-list b,.poll-list strong{z-index:1;font-size:12px;position:relative}.poll-list b i{color:#fff;background:#34785c;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:7px;font-style:normal;display:inline-grid}.poll-list strong{color:#6f6a61;font-size:10px}.vote-foot{color:#807a70;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;font-size:10px;display:flex}.vote-foot b{color:#34785c;white-space:nowrap}.poll-history-side{background:#f3f0e8;flex-direction:column;padding:34px 28px;display:flex}.history-head{border-bottom:1px solid #d4cfc3;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.history-head span{letter-spacing:.18em;color:#999387;font-size:8px;font-weight:900}.history-head h3{margin:5px 0 0;font-size:19px}.history-head>b{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.history-list{flex-direction:column;flex:1;gap:8px;padding:15px 0;display:flex}.history-list>button{text-align:left;background:#fffdf8;border:1px solid #d8d2c6;border-radius:7px;grid-template-columns:27px 1fr 18px;align-items:center;gap:9px;width:100%;padding:12px 9px;display:grid}.history-list>button:hover,.history-list>button.active{border-color:var(--ink);box-shadow:3px 3px 0 var(--yellow);transform:translate(-2px)}.history-list>button>span{color:#a59f93;font-size:9px;font-weight:900}.history-list>button div{min-width:0}.history-list>button b,.history-list>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-list>button b{font-size:11px}.history-list>button small{color:#918b80;margin-top:5px;font-size:9px}.history-list>button i{font-style:normal}.history-empty{text-align:center;color:#918b80;flex-direction:column;gap:6px;margin:auto;font-size:10px;display:flex}.history-empty b{color:#5f5b54;font-size:13px}.history-refresh{color:#6f6a62;background:0 0;border:1px solid #aaa499;border-radius:6px;height:38px;font-size:10px;font-weight:800}.poll-status{color:#557264;background:#edf7f1;border-radius:6px;align-items:center;gap:7px;min-height:28px;margin:-14px 0 16px;padding:7px 10px;font-size:9px;display:flex}.poll-status span{background:#4e9876;border-radius:50%;width:6px;height:6px}.secret-card{text-align:center;background:#f0edff;align-items:center}.secret-orbit{border:1px dashed #8e80d6;border-radius:50%;place-items:center;width:112px;height:112px;margin-bottom:18px;display:grid;position:relative}.secret-orbit b{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:32px;display:grid;box-shadow:4px 4px #c7bdfa}.secret-orbit span,.secret-orbit i{color:#7664ce;font-style:normal;position:absolute}.secret-orbit span{top:2px;right:11px}.secret-orbit i{bottom:3px;left:10px}.secret-card h3{margin:0 0 8px;font-size:22px}.secret-card>p{color:#807a9f;margin:0;font-size:12px}.reveal-box{width:100%;max-width:300px}.reveal-box select{background:#fff}.reveal-box button{background:var(--purple);color:#fff;border:0;border-radius:7px;width:100%;height:45px;margin-top:12px;font-weight:900}.revealed{background:#fff;border:1px solid #9587d5;border-radius:10px;flex-direction:column;gap:7px;margin-top:12px;padding:20px;display:flex}.revealed strong{color:#6754c7;font-size:28px}.revealed small{color:#817b9f;font-size:10px}.mint-btn{box-shadow:4px 4px 0 var(--mint)}.option-count{color:#8e897f;justify-content:space-between;min-height:24px;margin-top:8px;font-size:10px;display:flex}.option-count b{color:#c05b42}.wheel-side{background:#edf7f1;align-items:center;padding:28px 35px;overflow:hidden}.wheel-side>.mini-title{align-self:flex-start;margin-bottom:5px}.wheel-wrap{place-items:center;width:310px;height:310px;display:grid;position:relative}.wheel-pointer{z-index:5;border-left:15px solid #0000;border-right:15px solid #0000;border-top:35px solid var(--ink);filter:drop-shadow(0 2px #fffc);width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.wheel{border:4px solid var(--ink);border-radius:50%;width:280px;height:280px;transition:transform 4.2s cubic-bezier(.12,.68,.12,1);position:relative;box-shadow:5px 6px #20201e2e}.wheel:after{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff73 0deg .8deg,#0000 .8deg 45deg);border-radius:50%;position:absolute;inset:0}.wheel-label{z-index:2;width:0;height:0;transform:rotate(var(--angle));position:absolute;inset:50% auto auto 50%}.wheel-label b{width:92px;transform:rotate(calc(-1 * var(--angle)));text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #ffffff80;font-size:11px;line-height:1.15;position:absolute;top:-118px;left:-46px;overflow:hidden}.wheel-hub{z-index:3;border:3px solid var(--ink);text-align:center;background:#fffdf7;border-radius:50%;place-items:center;width:62px;height:62px;font-size:10px;font-style:normal;font-weight:950;line-height:1.1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 3px #20201e40}.wheel-result{color:#767169;align-items:center;gap:7px;min-height:56px;margin-top:5px;font-size:11px;display:flex}.wheel-result.show{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--mint);color:var(--ink);background:#fff;border-radius:7px;padding:9px 17px}.wheel-result strong{color:#2b7c5b;font-size:21px}.wheel-result b{background:var(--yellow);padding:3px 5px;transform:rotate(-3deg)}footer{color:#827e76;border-top:1px solid #d8d4c8;align-items:center;gap:22px;max-width:1180px;margin:auto;padding:26px 24px 46px;font-size:11px;display:flex}footer span{color:var(--ink);font-size:15px;font-weight:900}footer b{margin-left:auto;font-weight:600}@media (max-width:760px){.topbar{height:62px}.tagline,.status{display:none}.hero{padding:45px 20px 140px}.hero h1{font-size:52px}.hero>p{font-size:13px}.people-doodle{bottom:24px;right:28px}.people-doodle span{width:48px;height:58px;font-size:24px}.people-doodle span:nth-child(2){height:68px}.people-doodle span:nth-child(3){height:51px}.workspace{margin-bottom:50px;padding:0 12px}.room-bar{grid-template-columns:1fr auto;padding:13px;display:grid}.room-intro{grid-column:1/3}.room-bar label{flex:auto}.room-bar>button{align-self:end}.tool-tabs{grid-template-columns:repeat(2,1fr);gap:5px}.tool-tabs button,.tool-tabs button.active{border-bottom-color:#cbc6ba;border-radius:9px;justify-content:flex-start;min-height:62px;padding:9px 12px}.tool-tabs button.active{border-color:var(--ink);background:#fff}.tab-icon{flex-basis:31px;height:31px}.tool-tabs small{display:none}.tool-tabs b{margin:0;font-size:12px}.tool-panel{margin-top:8px}.panel-grid,.poll-layout{grid-template-columns:1fr}.poll-main{border-bottom:1px dashed #bdb8ab;border-right:0;padding:32px 22px}.poll-history-side{min-height:340px;padding:28px 22px}.form-side,.result-side{padding:32px 24px}.form-side{border-bottom:1px dashed #bdb8ab;border-right:0}.ladder-paper{min-height:350px;margin:20px}.input-pair{gap:8px}.wheel-wrap{width:286px;height:286px}.wheel{width:258px;height:258px}.wheel-label b{width:82px;font-size:10px;top:-109px;left:-41px}.desktop{display:none}footer{line-height:1.7;display:block}footer p{margin:5px 0}footer b{margin-top:12px;display:block}}@media (prefers-reduced-motion:reduce){.wheel{transition-duration:.01ms}.tool-tabs button{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
