:root{color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;--color-background:#f7f8fc;--color-surface:#fff;--color-text:#172033;--color-muted:#5e687b;--color-border:#dde2ec;--color-primary:#3155d9;--color-primary-foreground:#fff;--color-primary-hover:#2444b3;--color-danger:#b42318;--color-focus:#3155d9;--color-link:var(--color-primary);--color-muted-text:var(--color-muted);--accent-sky:#ddebff;--accent-mint:#dbf5e8;--accent-lime:#eaf8c8;--accent-lavender:#eee7ff;--accent-coral:#ffe4dd;--radius-card:1rem;--radius-panel:1.5rem;--shadow-card:0 .75rem 2rem #17203314;--page-padding:clamp(1rem, 3vw, 2rem);--content-width:72rem;--control-target:2.75rem;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);font-family:ui-rounded,SF Pro Rounded,Noto Sans KR,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-width:20rem}body{min-width:20rem;min-height:100vh;color:var(--color-text);background:var(--color-background);margin:0;padding-inline-start:var(--safe-area-left);padding-inline-end:var(--safe-area-right);line-height:1.5;overflow-x:hidden}button,a,input,select,textarea{min-width:var(--control-target);min-height:var(--control-target);font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--color-link)}:focus-visible{outline:3px solid var(--color-focus,#b45309);outline-offset:3px;box-shadow:0 0 0 5px #fff,0 0 0 8px #000}main{width:min(100%, var(--content-width));margin-inline:auto;padding-block-start:max(var(--page-padding), var(--safe-area-top));padding-block-end:max(var(--page-padding), var(--safe-area-bottom));padding-inline-start:max(var(--page-padding), var(--safe-area-left));padding-inline-end:max(var(--page-padding), var(--safe-area-right))}.site-header{z-index:10;border-block-end:1px solid var(--color-border);backdrop-filter:blur(1rem);background:#ffffffeb;position:sticky;inset-block-start:0}.site-header__inner{width:min(100%, var(--content-width));min-width:0;padding-block:.5rem;padding-inline:max(var(--page-padding), var(--safe-area-left)) max(var(--page-padding), var(--safe-area-right));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.site-header__brand{min-width:0;min-height:var(--control-target);color:var(--color-text);align-items:center;gap:.6rem;font-weight:800;text-decoration:none;display:inline-flex}.site-header__brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-header__mark{flex:none;width:1.6rem;height:1.4rem;display:block}.site-header__nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.site-header__nav a{min-height:var(--control-target);color:var(--color-muted);border-radius:.75rem;justify-content:center;align-items:center;padding-inline:.75rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex}.site-header__nav a:hover{color:var(--color-primary);background:var(--accent-sky)}.site-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface);margin-block-start:2rem}.site-footer__inner{width:min(100%, var(--content-width));min-width:0;padding-block:1rem;padding-inline:max(var(--page-padding), var(--safe-area-left)) max(var(--page-padding), var(--safe-area-right));color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-inline:auto;font-size:.875rem;display:flex}.site-footer__inner p{margin:0}.site-footer__links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-footer__inner button{min-height:var(--control-target);color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site-footer__links a{min-height:var(--control-target);align-items:center;display:inline-flex}.privacy-consent-banner{z-index:20;padding:1rem max(var(--page-padding), var(--safe-area-right)) max(1rem, var(--safe-area-bottom)) max(var(--page-padding), var(--safe-area-left));border-block-start:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -.5rem 2rem #1620331f}.privacy-consent-banner__inner{width:min(100%, var(--content-width));justify-content:space-between;align-items:end;gap:1rem 2rem;margin-inline:auto;display:flex}.privacy-consent-banner h2,.privacy-consent-banner p{margin-block:0}.privacy-consent-banner h2{font-size:1rem}.privacy-consent-banner p{max-width:52rem;color:var(--color-muted,#4b5870);margin-block-start:.25rem}.privacy-consent-banner a{margin-block-start:.25rem;font-size:.875rem;display:inline-block}.privacy-consent-banner__actions{flex-wrap:wrap;flex:none;gap:.5rem;display:flex}.privacy-consent-banner__actions button{border:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);border-radius:.5rem;padding-inline:.875rem;font-weight:700}.privacy-consent-banner__actions button[data-analytics-consent=granted]{border-color:var(--color-text,#162033);color:#fff;background:var(--color-text,#162033)}.locale-picker,.not-found{align-content:center;gap:1rem;min-height:100vh;display:grid}.locale-picker__links,.not-found nav{flex-wrap:wrap;gap:.75rem;display:flex}.locale-picker__links a,.home-page__cta{border:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);border-radius:.5rem;justify-content:center;align-items:center;padding-inline:1rem;font-weight:700;text-decoration:none;display:inline-flex}.home-page,.tool-page{overflow-wrap:anywhere}.home-page{gap:clamp(2.5rem,5vw,5rem);padding-block-end:clamp(2rem,6vw,5rem);display:grid}.home-page__hero,.home-page__category{min-width:0}.home-page__hero{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:radial-gradient(circle at 85% 30%, #ddebffe0, transparent 12rem), var(--color-surface);min-height:clamp(20rem,36vw,28rem);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1.2fr) minmax(10rem,.8fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding:clamp(1.5rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.home-page__hero-copy{z-index:1;max-width:42rem;position:relative}.home-page__eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-block:0 .75rem;font-size:.8125rem;font-weight:800}.home-page__hero h1{max-width:16ch;color:var(--color-text);letter-spacing:-.055em;text-wrap:balance;margin-block:0;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.04}.home-page__intro{max-width:42rem;color:var(--color-muted);margin-block:1.25rem 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.home-page__privacy{border:1px solid var(--color-border);min-height:2.75rem;color:var(--color-muted);background:var(--color-background);border-radius:.875rem;align-items:center;margin-block:1.25rem 0;padding:.625rem .875rem;font-size:.9375rem;display:inline-flex}.home-page__hero-cta{min-height:var(--control-target);border:1px solid var(--color-primary);color:var(--color-surface);background:var(--color-primary);border-radius:.875rem;justify-content:center;align-items:center;margin-block-start:1.5rem;padding-inline:1.25rem;font-weight:800;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.home-page__hero-cta:hover,.home-page__cta:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.home-page__hero-cta:hover{transform:translateY(-1px)}.home-page__hero-mark{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:.75rem;width:min(100%,20rem);display:grid;transform:rotate(-8deg)}.home-page__hero-mark span{background:var(--accent-sky);border:1px solid #3155d91f;border-radius:1.25rem;min-height:5rem;display:block;box-shadow:0 1rem 2rem #17203314}.home-page__hero-mark span:nth-child(2){background:var(--accent-mint);margin-block-start:2rem}.home-page__hero-mark span:nth-child(3){background:var(--accent-lavender);margin-block-start:-1rem}.home-page__hero-mark span:nth-child(4){background:var(--accent-coral)}.home-page__categories{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.home-page__categories a{min-height:var(--control-target);border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:999px;justify-content:center;align-items:center;padding-inline:1rem;font-size:.9375rem;font-weight:750;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.home-page__categories a:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--accent-sky)}.home-page__catalog{gap:clamp(4rem,7vw,6.5rem);display:grid}.home-page__category{scroll-margin-block-start:5rem}.home-page__category-header{align-items:center;gap:.75rem;margin-block-end:clamp(1.5rem,3vw,2.25rem);display:flex}.home-page__category-header h2,.home-page__tool h3{margin-block-start:0}.home-page__category-header h2{color:var(--color-text);letter-spacing:-.025em;text-wrap:balance;margin-block:0;font-size:clamp(1.375rem,2vw,1.75rem)}.home-page__category-icon{border-radius:.875rem;flex:0 0 2.75rem;place-items:center;width:2.75rem;height:2.75rem;display:inline-grid}.home-page__category-icon:before{background:var(--color-primary);content:"";border-radius:.22rem;width:.75rem;height:.75rem;display:block;transform:rotate(45deg)}.home-page__category-icon[data-accent=sky]{background:var(--accent-sky)}.home-page__category-icon[data-accent=mint]{background:var(--accent-mint)}.home-page__category-icon[data-accent=lavender]{background:var(--accent-lavender)}.home-page__category-icon[data-accent=coral]{background:var(--accent-coral)}.home-page__category-icon[data-accent=lime]{background:var(--accent-lime)}.home-page__tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}:where(#tools-card,#tools-utility) .home-page__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#tools-random) .home-page__tool-grid{grid-template-columns:minmax(0,32rem)}.home-page__tool{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);align-content:start;gap:1rem;min-width:0;min-height:16rem;padding:clamp(1.5rem,2.5vw,2rem);transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 .4rem 1.5rem #1720330a}.home-page__tool:hover{box-shadow:var(--shadow-card);border-color:#3155d959;transform:translateY(-2px)}.home-page__tool[data-accent=sky]{border-block-start:.3rem solid var(--accent-sky)}.home-page__tool[data-accent=mint]{border-block-start:.3rem solid var(--accent-mint)}.home-page__tool[data-accent=lavender]{border-block-start:.3rem solid var(--accent-lavender)}.home-page__tool[data-accent=coral]{border-block-start:.3rem solid var(--accent-coral)}.home-page__tool[data-accent=lime]{border-block-start:.3rem solid var(--accent-lime)}.home-page__tool.is-featured{background:linear-gradient(135deg, #fffc, #fff), var(--accent-sky)}.home-page__tool-icon{width:2.75rem;height:2.75rem;color:var(--color-primary);background:var(--accent-sky);border-radius:.875rem;place-items:center;display:inline-grid}.home-page__tool[data-accent=mint] .home-page__tool-icon{background:var(--accent-mint)}.home-page__tool[data-accent=lavender] .home-page__tool-icon{background:var(--accent-lavender)}.home-page__tool[data-accent=coral] .home-page__tool-icon{background:var(--accent-coral)}.home-page__tool[data-accent=lime] .home-page__tool-icon{background:var(--accent-lime)}.home-page__tool-icon:before{font:700 1.25rem/1 ui-rounded,system-ui,sans-serif}.home-page__tool-icon[data-icon=tiles]:before,.home-page__tool-icon[data-icon=grid]:before{content:"▦"}.home-page__tool-icon[data-icon=score]:before{content:"#"}.home-page__tool-icon[data-icon=order]:before{content:"↕"}.home-page__tool-icon[data-icon=wheel]:before{content:"◉"}.home-page__tool-icon[data-icon=cards]:before{content:"▣"}.home-page__tool-icon[data-icon=quiz]:before{content:"?"}.home-page__tool-icon[data-icon=timer]:before{content:"◷"}.home-page__tool-icon[data-icon=spark]:before{content:"✦"}.home-page__tool-icon[data-icon=teams]:before{content:"●●";font-size:.75rem}.home-page__tool-icon[data-icon=dice]:before{content:"⚄"}.home-page__tool-icon[data-icon=word]:before{content:"Aa";font-size:.875rem}.home-page__tool-icon[data-icon=link]:before{content:"↔"}.home-page__tool h3{color:var(--color-text);letter-spacing:-.02em;text-wrap:balance;margin-block:.75rem 0;font-size:1.0625rem;line-height:1.3}.home-page__tool p{color:var(--color-muted);text-wrap:pretty;margin-block:0 .75rem;font-size:1rem;line-height:1.55}.home-page__cta{min-height:var(--control-target);border:1px solid var(--color-border);color:var(--color-primary);background:var(--color-surface);border-radius:.75rem;justify-content:center;place-self:end start;align-items:center;margin-block-start:auto;padding-inline:.875rem;font-size:.9375rem;font-weight:800;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s;display:inline-flex}.policy-page{width:min(100%,56rem);min-width:0;margin-inline:auto;padding-block-start:max(var(--page-padding), var(--safe-area-top));padding-block-end:max(var(--page-padding), var(--safe-area-bottom));padding-inline-start:max(var(--page-padding), var(--safe-area-left));padding-inline-end:max(var(--page-padding), var(--safe-area-right))}.policy-page__article{border:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);border-radius:.75rem;gap:1.75rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.policy-page__header,.policy-page__section{gap:.75rem;display:grid}.policy-page__header h1,.policy-page__header p,.policy-page__section h2,.policy-page__section p{margin-block:0}.policy-page__header button{border:1px solid var(--color-border,#aab7cc);background:var(--color-background,#f6f8fc);border-radius:.5rem;justify-self:start;padding-inline:.875rem;font-weight:700}.policy-page__section{padding-block-start:.25rem}.policy-page__section h2{font-size:1.25rem}.policy-page__section ul{margin-block:0;padding-inline-start:1.5rem}.policy-page__section ul>li>a{align-items:center;display:inline-flex}.tool-page{width:min(100%, var(--content-width));min-width:0;gap:clamp(4rem,7vw,6rem);margin-inline:auto;padding-block-start:max(var(--page-padding), var(--safe-area-top));padding-block-end:max(var(--page-padding), var(--safe-area-bottom));padding-inline-start:max(var(--page-padding), var(--safe-area-left));padding-inline-end:max(var(--page-padding), var(--safe-area-right));display:grid;overflow-x:clip}.tool-page__workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.tool-page__workspace>*,.tool-page__content,.tool-page__example,.tool-page__instructions,.tool-page__faq{min-width:0}.tool-page__content,.tool-page__instructions,.tool-page__faq{gap:1.25rem;display:grid}.tool-page__content{gap:clamp(2rem,4vw,3rem);width:min(100%,64rem);margin:0 auto}.tool-page__intro,.tool-page__instructions,.tool-page__example,.tool-page__content>section:last-of-type{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:clamp(1.5rem,4vw,3rem)}.tool-page__example{overflow-wrap:anywhere;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:center;gap:1.5rem;display:grid}.tool-page__example img{border-radius:var(--radius-card);width:100%}.puzzle-actions{border:1px solid var(--color-border,#aab7cc);background:var(--color-background,#f7f8fc);border-radius:1rem;grid-column:1/-1;gap:1rem;margin-block-start:1.5rem;padding:1.25rem;display:grid}.puzzle-actions__buttons{flex-wrap:wrap;gap:.75rem;display:flex}.puzzle-actions__message{margin:0;font-size:.9375rem}.tool-page__stage{aspect-ratio:16/9;width:100%;min-width:0;overflow:hidden}.hidden-picture-studio{grid-template-columns:minmax(18rem,2fr) minmax(0,3fr);grid-template-areas:"header header""validation validation""form preview";align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.hidden-picture-studio__header{grid-area:header}.hidden-picture-studio__validation{grid-column:1/-1}.hidden-picture-studio__form{grid-area:form}.hidden-picture-studio__preview{grid-area:preview;margin-block-start:0}:where(.board-studio,.card-studio,.connecting-studio,.hidden-picture-studio,.question-studio,.random-studio,.sequence-studio,.word-guessing-studio){border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,2.5rem)}:where(.board-studio,.card-studio,.connecting-studio,.hidden-picture-studio,.question-studio,.random-studio,.sequence-studio,.word-guessing-studio) :where(input,select,textarea,button){min-height:var(--control-target);border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:.75rem}:where(.board-studio,.card-studio,.connecting-studio,.hidden-picture-studio,.question-studio,.random-studio,.sequence-studio,.word-guessing-studio) :where(input,select,textarea,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}:is(.board-studio,.card-studio,.connecting-studio,.question-studio,.random-studio,.sequence-studio,.word-guessing-studio,.presentation-confetti-studio,.presentation-scoreboard-studio,.presentation-timer-studio,.random-dice-studio,.random-team-maker-studio) .puzzle-actions__buttons button:first-child,.hidden-picture-studio__actions button:first-of-type{border-color:var(--color-primary);color:var(--color-primary-foreground);background:var(--color-primary)}:where(.presentation-confetti-studio,.presentation-scoreboard-studio,.presentation-timer-studio,.random-dice-studio,.random-team-maker-studio){--studio-surface:#fff;--studio-text:#172033;--studio-muted:#5e687b;--studio-border:#dde2ec;border:1px solid var(--studio-border);border-radius:var(--radius-panel);min-width:0;color:var(--studio-text);background:var(--studio-surface);box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,2.5rem)}:where(.presentation-confetti-studio,.presentation-scoreboard-studio,.presentation-timer-studio,.random-dice-studio,.random-team-maker-studio) :where(label){color:var(--studio-text)}:where(.presentation-confetti-studio,.presentation-scoreboard-studio,.presentation-timer-studio,.random-dice-studio,.random-team-maker-studio) :where(input,select,textarea,button){min-height:var(--control-target);border-color:var(--studio-border);color:var(--studio-text);background:var(--studio-surface);border-radius:.75rem}:where(.presentation-confetti-studio,.presentation-scoreboard-studio,.presentation-timer-studio,.random-dice-studio,.random-team-maker-studio) .puzzle-actions{border-color:var(--studio-border);color:var(--studio-text);background:var(--studio-surface)}:where(.presentation-confetti-studio,.presentation-scoreboard-studio,.presentation-timer-studio,.random-dice-studio,.random-team-maker-studio) :where(input,select,textarea,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.tool-page__presenter-label{font-size:clamp(1.125rem,2vw,2rem);font-weight:700;line-height:1.2;display:block}.tool-page__instructions ol,.tool-page__instructions ul{margin-block:0;padding-inline-start:1.5rem}.tool-page__faq details{overflow-wrap:anywhere;min-width:0}.tool-page__faq>div{border-block-start:1px solid var(--color-border);padding-block:1rem}@media (width<=60rem){.home-page__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(#tools-random) .home-page__tool-grid{grid-template-columns:minmax(0,32rem)}.tool-page__workspace,:where(.board-studio__layout,.card-studio__layout,.connecting-studio__layout,.hidden-picture-studio,.question-studio__shell,.random-studio,.sequence-studio__layout,.word-guessing-studio__layout){grid-template-columns:1fr}.hidden-picture-studio{display:block}.hidden-picture-studio__preview{margin-block-start:1.5rem}.tool-page__example{grid-template-columns:1fr}}@media (width<=40rem){:where(.presentation-confetti-studio__form,.presentation-scoreboard-studio__form,.presentation-timer-studio__form,.random-dice-studio__form,.random-team-maker-studio__form){grid-template-columns:1fr}:root{--control-target:3rem}.home-page__hero{grid-template-columns:1fr;min-height:0;padding:1.5rem}.home-page__hero-mark{display:none}.home-page__categories{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding-block:.125rem;overflow-x:auto}.home-page__categories::-webkit-scrollbar{display:none}.home-page__categories a{flex:none}.home-page__tool-grid{grid-template-columns:1fr}.home-page__cta{justify-self:stretch}.privacy-consent-banner__inner{flex-direction:column;align-items:stretch}.privacy-consent-banner__actions{width:100%}.privacy-consent-banner__actions button{flex:12rem}}img,svg,video{max-width:100%;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=48rem){:root{--page-padding:clamp(1.5rem, 4vw, 3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}