@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(../media/PretendardVariable.0ztvx5mb7lxp4.woff2)format("woff2-variations")}
:root{--ink:#253033;--muted:#667674;--cream:#f9f8f3;--paper:#fffefa;--mint:#5fd6bb;--green:#146b60;--line:#dce5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);word-break:keep-all;margin:0;font-family:Pretendard,Arial,sans-serif}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-.045em;align-items:center;gap:11px;font-size:20px;display:inline-flex}.brand-mark{color:#fff;background:#155f55;border-radius:11px;justify-content:center;align-items:center;width:35px;height:35px;font-size:22px;font-weight:850;display:inline-flex;position:relative}.brand-mark span{color:#efad5c;font-size:16px;position:absolute;top:-8px;right:-6px}.site-header nav{color:#53635f;gap:30px;font-size:14px;font-weight:650;display:flex}.site-header nav a:hover,.footer a:hover{color:var(--green)}main{overflow:hidden}.hero{grid-template-columns:1fr .92fr;align-items:center;gap:72px;max-width:1240px;margin:0 auto;padding:84px 32px 113px;display:grid}.eyebrow{color:#318d7d;letter-spacing:.17em;font-size:12px;font-weight:800;display:block}.hero h1{letter-spacing:-.074em;margin:21px 0 24px;font-size:clamp(42px,5.1vw,74px);font-weight:800;line-height:1.16}.hero h1 em{color:#289985;font-style:normal}.hero-copy>p{color:var(--muted);max-width:500px;margin:0 0 34px;font-size:18px;line-height:1.8}.button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:0 23px;font-size:15px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #0c574022}.button.primary{color:#fff;background:#177f6d}.button.primary:hover{background:#0e6c5c}.button.secondary{color:#265e54;background:#edf3ed}.button:disabled{opacity:.45;cursor:not-allowed}.hero-notes{color:#76847d;flex-wrap:wrap;gap:18px;margin-top:35px;font-size:13px;font-weight:650;display:flex}.hero-art{background:#eaf6ef;border-radius:34px;justify-self:center;width:100%;max-width:490px;padding:24px;transform:rotate(3deg);box-shadow:22px 27px #d9eee3,0 20px 60px #356b3b1a}.art-label{color:#489185;letter-spacing:.1em;justify-content:space-between;margin:0 3px 18px;font-size:11px;font-weight:800;display:flex}.art-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.art-grid span{aspect-ratio:1;color:#2a6257;background:#fffefa;border-radius:17px;justify-content:center;align-items:center;font-size:clamp(26px,3vw,45px);font-weight:760;display:flex;box-shadow:0 3px #b9d9c9}.art-grid span:nth-last-child(-n+3){box-shadow:none;background:#dfece5}.art-grid span.art-accent{color:#fff;background:#59c7ad;box-shadow:0 3px #248871}.art-caption{text-align:center;color:#548477;margin:22px 0 3px;font-size:13px;font-weight:700}.studio-section{background:#eef4ef;padding:92px 32px 110px;scroll-margin-top:0}.studio-heading{text-align:center;margin-bottom:39px}.studio-heading h2,.features h2,.usecase h2{letter-spacing:-.055em;margin:12px 0;font-size:clamp(30px,3.3vw,45px);line-height:1.25}.studio-heading p,.section-intro p{color:var(--muted);font-size:16px}.setup-card{background:#fffefa;border-radius:30px;grid-template-columns:1.12fr .88fr;max-width:1120px;margin:auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #1d4c3220}.setup-main,.setup-side{padding:36px}.setup-side{background:#fbfdf9;border-left:1px solid #e7eee8}.field-title{align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.step{color:#268571;background:#e1f4eb;border-radius:11px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:850;display:flex}.field-title h3{letter-spacing:-.04em;margin:2px 0 7px;font-size:21px}.field-title p{color:#72817b;margin:0;font-size:14px;line-height:1.5}.setup-main textarea{resize:vertical;color:#253033;background:#fcfdf9;border:1px solid #d7e3d9;border-radius:17px;outline:none;width:100%;min-height:243px;padding:22px;font-size:16px;line-height:1.8;display:block}.setup-main textarea:focus{border-color:#2f9c83;box-shadow:0 0 0 4px #33a58c1c}.setup-main textarea::placeholder{color:#b0beb4}.input-meta{color:#859189;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;display:flex}.validation{color:#a95239;margin-top:17px;font-size:13px;font-weight:650}.validation p{margin:4px 0}.validation.good{color:#21856f}.theme-options{gap:9px;display:grid}.theme-option{text-align:left;color:#283c34;background:#fff;border:1px solid #e3ece4;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:65px;padding:10px 12px;display:flex}.theme-option.selected{background:#f5fffa;border-color:#28a387;box-shadow:0 0 0 2px #28a3871a}.theme-option>span:nth-child(2){flex:1;gap:4px;display:grid}.theme-option strong{font-size:14px}.theme-option small{color:#86958c;font-size:11px}.theme-option b{color:#21a385}.theme-swatch{border-radius:10px;flex:none;grid-template-columns:repeat(2,1fr);gap:3px;width:45px;height:45px;padding:7px;display:grid}.theme-swatch i{border-radius:3px}.theme-swatch.paper{background:#eadfca}.theme-swatch.paper i{background:#fff9e9}.theme-swatch.chalk{background:#254b43}.theme-swatch.chalk i{background:#d1e9d6}.theme-swatch.night{background:#17273a}.theme-swatch.night i{background:#89d9dd}.toggle-row{justify-content:space-between;align-items:center;gap:15px;margin:21px 0 18px;display:flex}.toggle-row>span:first-child{gap:5px;display:grid}.toggle-row strong{font-size:14px}.toggle-row small{color:#86958c;font-size:12px}.toggle-row input{opacity:0;position:absolute}.switch{background:#ccd7d0;border-radius:50px;flex:none;width:47px;height:27px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-row input:checked+.switch{background:#229b83}.toggle-row input:checked+.switch:after{transform:translate(20px)}.toggle-row input:focus-visible+.switch{outline:3px solid #eaa34b}.start-button{justify-content:space-between;width:100%}.play-card,.finish-card{border-radius:30px;max-width:830px;margin:auto;padding:34px 44px 38px;box-shadow:0 20px 70px #0b3d331c}.theme-paper{color:#385248;--tile:#fffefa;--tile-ink:#305e51;--empty:#e8e7df;--bar:#3aad96;background:#fff9ec}.theme-chalk{color:#eff6ed;--tile:#356258;--tile-ink:#f5f6df;--empty:#37615b;--bar:#94d9bb;background:#21453f}.theme-night{color:#eef7fa;--tile:#273d54;--tile-ink:#c8f8ef;--empty:#304154;--bar:#63d6cb;background:#172538}.play-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.play-top .eyebrow{color:var(--bar)}.play-top h3{letter-spacing:-.06em;margin:8px 0;font-size:32px}.play-top h3 span{opacity:.55;font-size:20px}.plain-button{color:inherit;opacity:.72;background:0 0;border:0;font-size:13px;font-weight:700}.progress{background:#829b893a;border-radius:10px;height:5px;margin:14px 0 34px;overflow:hidden}.progress span{background:var(--bar);border-radius:10px;height:100%;transition:width .3s;display:block}.board-note{text-align:center;margin:0 0 25px;font-size:16px;font-weight:650}.board{grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:clamp(5px,1vw,11px);width:min(100%,560px);margin:auto;display:grid}.tile{aspect-ratio:1;background:var(--tile);color:var(--tile-ink);border-radius:clamp(8px,1.5vw,17px);justify-content:center;align-items:center;font-size:clamp(18px,4vw,40px);font-weight:800;animation:.4s both tile-in;display:flex;box-shadow:0 4px #091b101a}.tile.empty{background:var(--empty);box-shadow:none;color:#0000}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:none}}.board-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:35px;display:flex}.board-bottom>span{opacity:.65;font-size:13px}.modal-backdrop{z-index:30;background:#102b28af;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.answer-modal{text-align:center;background:#fffefa;border-radius:26px;width:min(100%,600px);padding:42px;box-shadow:0 30px 90px #0004}.answer-modal h3{letter-spacing:-.05em;font-size:26px}.answer-text{color:#1a705f;overflow-wrap:anywhere;background:#edf7ee;border-radius:17px;padding:35px 25px;font-size:clamp(25px,4vw,38px);font-weight:800;line-height:1.5}.answer-modal>p{color:#8a9990;font-size:13px}.modal-actions,.finish-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.finish-card{text-align:center;background:#fffefa;padding:52px 28px}.finish-spark{color:#42b79d;margin-bottom:10px;font-size:60px;display:block}.finish-card h3{letter-spacing:-.05em;margin:12px 0;font-size:clamp(26px,4vw,40px)}.finish-card>p{color:#73827a;max-width:470px;margin:0 auto;line-height:1.7}.features,.usecase{max-width:1180px;margin:auto;padding:100px 32px}.features .section-intro{margin-bottom:30px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article,.guide-cards article{background:#fffefa;border:1px solid #e6ebe3;border-radius:20px;min-height:210px;padding:26px}.feature-grid b{color:#3aac94;margin-bottom:28px;font-size:13px;display:block}.feature-grid h3,.guide-cards h3{letter-spacing:-.04em;margin:0 0 12px;font-size:20px}.feature-grid p,.guide-cards p{color:#78867d;margin:0;font-size:14px;line-height:1.75}.usecase{border-top:1px solid #e3e9e2;justify-content:space-between;align-items:end;gap:30px;padding-top:65px;padding-bottom:110px;display:flex}.usecase p{color:#77867d;max-width:620px;line-height:1.8}.text-link{color:#177f6d;white-space:nowrap;font-size:14px;font-weight:750}.footer{color:#89968e;border-top:1px solid #e1e9e2;justify-content:space-between;gap:20px;padding:30px max(32px,50vw - 590px);font-size:12px;display:flex}.footer div{flex-wrap:wrap;gap:22px;display:flex}.content-page{max-width:920px;margin:auto;padding:90px 32px 130px;overflow:visible}.content-page h1{letter-spacing:-.06em;margin:14px 0 20px;font-size:clamp(38px,5vw,57px)}.page-lead{color:#68776e;max-width:730px;margin-bottom:65px;font-size:18px;line-height:1.85}.content-page section{margin-bottom:60px}.content-page h2{letter-spacing:-.05em;margin:0 0 24px;font-size:28px}.content-page p{color:#6e7d73;line-height:1.85}.steps{counter-reset:step;gap:15px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:#fffefa;border:1px solid #e3eae0;border-radius:18px;padding:24px 26px}.steps li:before{content:counter(step,decimal-leading-zero);color:#1e9c83;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.steps p{margin-bottom:0}.guide-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide-cards article{min-height:0}.faq{border-top:1px solid var(--line)}.faq h3{letter-spacing:-.025em;margin:26px 0 8px;font-size:17px}.faq p{margin:0 0 26px}.policy-date{margin-bottom:30px}.ad-wrap{text-align:center;color:#a4aba4;max-width:970px;min-height:100px;margin:40px auto;padding:15px}.ad-wrap small{margin-bottom:9px;font-size:11px;display:block}.ad-square{max-width:340px;min-height:270px}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:65px;padding-top:60px}.hero-art{max-width:450px}.setup-card{grid-template-columns:1fr}.setup-side{border-top:1px solid #e7eee8;border-left:0}.feature-grid{grid-template-columns:1fr 1fr}.guide-cards{grid-template-columns:1fr}.usecase{flex-direction:column;align-items:start}}@media (max-width:600px){.site-header{height:70px;padding:0 18px}.brand{font-size:18px}.site-header nav{gap:14px;font-size:12px}.hero{gap:55px;padding:45px 22px 80px}.hero h1{font-size:clamp(41px,10.5vw,54px)}.hero-copy>p{font-size:15px}.hero-art{border-radius:25px;max-width:310px;padding:16px;box-shadow:14px 16px #d9eee3}.art-grid{gap:5px}.art-grid span{border-radius:10px;font-size:28px}.art-caption{font-size:11px}.studio-section{padding:70px 16px 90px}.studio-heading{padding:0 10px}.studio-heading p{font-size:14px}.setup-card{border-radius:22px}.setup-main,.setup-side{padding:23px}.field-title h3{font-size:19px}.input-meta{flex-direction:column}.play-card{border-radius:22px;padding:23px 16px}.play-top h3{font-size:27px}.board-note{font-size:14px}.tile{font-size:clamp(19px,6vw,30px)}.board-bottom{flex-direction:column;align-items:stretch;gap:16px}.board-bottom>span{text-align:center}.board-bottom .button{width:100%}.answer-modal{padding:28px 19px}.answer-modal h3{font-size:22px}.modal-actions .button{flex:1;min-width:130px;padding:0 12px;font-size:13px}.features,.usecase{padding:70px 22px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.footer{flex-direction:column;padding:25px 20px}.content-page{padding:65px 22px 90px}.page-lead{margin-bottom:50px;font-size:16px}.content-page h2{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-header .brand-mark{color:#0000;background:url(/icon.png) 50%/contain no-repeat;border-radius:9px;flex:none;width:35px;height:35px;font-size:0;display:block}.site-header .brand-mark span{display:none}