/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--pink:#f2668b;--pink-d:#e04f77;--pink-l:#fde3ea;--pink-ll:#fff0f4;--mint:#4ecdc4;--mint-d:#2fb3a9;--mint-l:#dcf5f2;--yellow:#ffd43b;--yellow-l:#fff4c7;--purple:#8b7cf6;--purple-l:#ece9fe;--orange:#f59a5b;--orange-l:#fde9db;--blue:#4aa3df;--blue-l:#e1f0fb;--red:#e5484d;--red-l:#fde4e4;--bg:#fff8f0;--bg2:#f6eee5;--card:#fff;--line:#f0e6dc;--text:#2b2b3a;--sub:#8a8697;--mute:#b9b4c2;--dark:#2e2e3a;--r-lg:24px;--r:16px;--r-sm:12px;--shadow:0 2px 10px #50321e0f;--fs:15px;--font:var(--font-a),"Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif}:root[data-font=sm]{--fs:13.5px}:root[data-font=lg]{--fs:17.5px}*{box-sizing:border-box}#root,body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--mint);outline-offset:2px;border-radius:8px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{letter-spacing:.04em;background:var(--pink);color:#fff;min-height:52px;box-shadow:0 4px 0 var(--pink-d);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:1.05em;font-weight:800;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:inline-flex}.btn:active{box-shadow:0 2px 0 var(--pink-d);transform:translateY(2px)}.btn.block{width:100%}.btn.mint{background:var(--mint);box-shadow:0 4px 0 var(--mint-d)}.btn.white{color:var(--mint-d);background:#fff;box-shadow:0 4px #00000014}.btn.ghost{color:var(--pink);border:2px solid var(--pink)}.btn.ghost,.btn.gray{box-shadow:none;background:#fff}.btn.gray{color:var(--text);border:2px solid var(--line)}.btn.sm{min-height:40px;padding:0 16px;font-size:.92em}.btn:disabled{color:#b5ab9f;box-shadow:none;cursor:default;background:#e9e1d8}.kbd{background:#ffffff47;border-radius:6px;padding:1px 6px;font-size:.7em;font-weight:600}.btn.ghost .kbd,.btn.gray .kbd{background:var(--bg2)}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow)}.pad{padding:16px}.row{align-items:center}.col,.row{gap:12px;display:flex}.col{flex-direction:column}.grow{flex:1;min-width:0}.sub{font-size:.85em}.sub,.tiny{color:var(--sub)}.tiny{font-size:.75em}.b{font-weight:800}.center{text-align:center}.pink{color:var(--pink)}.mintc{color:var(--mint-d)}.redc{color:var(--red)}.tile{border-radius:14px;flex:none;place-items:center;display:grid}.c-pink{background:var(--pink-l);color:var(--pink)}.c-mint{background:var(--mint-l);color:var(--mint-d)}.c-yellow{background:var(--yellow-l);color:#d19a00}.c-purple{background:var(--purple-l);color:var(--purple)}.c-orange{background:var(--orange-l);color:var(--orange)}.c-blue{background:var(--blue-l);color:var(--blue)}.c-red{background:var(--red-l);color:var(--red)}.c-gray{background:var(--bg2);color:var(--sub)}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.75em;font-weight:800;display:inline-flex}.chip.pink{background:var(--pink);color:#fff}.chip.soft{background:var(--pink-l);color:var(--pink)}.chip.mint{background:var(--mint-l);color:var(--mint-d)}.chip.yellow{background:var(--yellow-l);color:#b07f00}.chip.red{background:var(--red-l);color:var(--red)}.chip.gray{color:var(--sub)}.bar,.chip.gray{background:var(--bg2)}.bar{height:6px;overflow:hidden}.bar,.bar>i{border-radius:99px}.bar>i{background:var(--pink);height:100%;transition:width .4s;display:block}.list{flex-direction:column;display:flex}.list>*+*{border-top:1px solid var(--line)}.li{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.li:hover{background:var(--pink-ll)}.seg{background:var(--bg2);gap:4px;padding:4px;display:flex}.seg,.seg>button{border-radius:999px}.seg>button{color:var(--sub);white-space:nowrap;flex:1;padding:8px 14px;font-size:.9em;font-weight:800}.seg>button[aria-pressed=true]{color:var(--text);box-shadow:var(--shadow);background:#fff}.seg.pinkseg>button[aria-pressed=true]{background:var(--pink);color:#fff}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs>button{color:var(--sub);border-radius:999px;padding:4px 12px;font-size:.8em;font-weight:800}.tabs>button[aria-pressed=true]{background:var(--dark);color:#fff}.dot{background:var(--pink);border-radius:50%;flex:none;width:8px;height:8px}.input,textarea.input{border:2px solid var(--line);border-radius:var(--r);resize:none;background:#fff;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:var(--pink)}.tip{border-radius:var(--r);background:var(--mint-l);color:var(--mint-d);align-items:center;gap:8px;padding:10px 14px;font-size:.85em;font-weight:700;display:flex}.tip.yellow{background:var(--yellow-l);color:#9a7000}.tip.pink{background:var(--pink-ll);color:var(--pink-d)}.tip.red{background:var(--red-l);color:var(--red)}.sec-h{color:var(--sub);margin:16px 4px 8px;font-size:.8em;font-weight:800}.sp-page{max-width:560px;min-height:100dvh;padding:env(safe-area-inset-top) 0 0;flex-direction:column;margin:0 auto;display:flex}.sp-head{background:var(--bg);z-index:5;align-items:center;gap:8px;min-height:60px;padding:12px 16px;display:flex;position:sticky;top:0}.sp-head h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1.15em;font-weight:800;overflow:hidden}.icon-btn{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.icon-btn:hover{background:var(--bg2)}.sp-body{flex-direction:column;flex:1;gap:12px;padding:4px 16px 16px;display:flex}.sp-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 24%);z-index:5;flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.sp-foot .note{text-align:center;color:var(--sub);font-size:.78em}.pc{grid-template-columns:200px 1fr;height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:4px;padding:20px 12px;display:flex;overflow:auto}.brand{gap:8px;padding:4px 8px 16px;font-weight:800}.brand,.side .navbtn,.side a{align-items:center;display:flex}.side .navbtn,.side a{color:#5a5668;border-radius:12px;gap:10px;padding:9px 12px;font-size:.92em;font-weight:700}.side a:hover{background:var(--pink-ll)}.side a.active{background:var(--pink-l);color:var(--pink-d)}.side .badge{background:var(--pink);color:#fff;text-align:center;border-radius:99px;min-width:20px;margin-left:auto;padding:0 6px;font-size:.7em}.side .spacer{flex:1}.side .me{border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex}.pc-main{flex-direction:column;gap:16px;min-width:0;padding:24px 32px;display:flex;overflow:auto}.pc-title{align-items:center;gap:10px;display:flex}.pc-title h1{font-size:1.5em;font-weight:800}.split{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:16px;min-height:0;display:grid}.split.wide-left{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}@media (max-width:960px){.split,.split.wide-left{grid-template-columns:minmax(0,1fr)}}.focus{flex-direction:column;min-height:100dvh;display:flex}.focus-head{align-items:center;gap:12px;padding:14px 24px;display:flex}.focus-head h1{flex:1;font-size:1.1em;font-weight:800}.focus-body{flex:1;gap:16px;min-height:0;padding:0 24px 24px;display:flex}.cb{flex-direction:column;height:100dvh}.cb,.cb-top{display:flex}.cb-top{background:var(--pink);color:#fff;height:48px;padding:0 16px 0 max(16px,env(titlebar-area-x,0px));flex:none;align-items:center;gap:4px}.cb-top .brand{color:#fff;padding:0 16px 0 0}.cb-top nav{gap:2px;height:100%;display:flex}.cb-top nav a{opacity:.85;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:0 14px;font-size:.9em;font-weight:700;display:flex}.cb-top nav a.active{opacity:1;border-bottom-color:#fff}.cb-top .att{background:#ffffff38;border-radius:99px;margin-left:auto;padding:4px 12px;font-size:.78em;font-weight:700}.cb-main{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 20px;display:flex;overflow:auto}.cb .pc-title h1{font-size:1.25em}.offline-bar{background:var(--dark);color:#fff;align-items:center;gap:8px;padding:8px 16px;font-size:.82em;font-weight:700;display:flex}.offline-bar .r{opacity:.7;margin-left:auto;font-weight:500}.player{border-radius:var(--r-lg);color:#fff;aspect-ratio:16/9;background:#2a2a36;place-items:center;display:grid;position:relative;overflow:hidden}.player .play{width:64px;height:64px;color:var(--pink);background:#fff;border-radius:50%;place-items:center;display:grid}.player .cap{white-space:nowrap;background:#000000b3;border-radius:6px;padding:4px 12px;font-size:.85em;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.player .ctl{align-items:center;gap:10px;padding:10px 14px;font-size:.75em;display:flex;position:absolute;bottom:0;left:0;right:0}.player .ctl .bar{background:#ffffff40;flex:1}.choice{border-radius:var(--r);border:2px solid var(--line);text-align:left;background:#fff;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.choice:hover:not(:disabled){border-color:var(--pink)}.choice .mk{background:var(--pink-ll);width:36px;height:36px;color:var(--pink);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.choice.ok{border-color:var(--mint);background:var(--mint-l)}.choice.ng{border-color:var(--red);background:var(--red-l)}.choice.sel{border-color:var(--pink);background:var(--pink-ll)}.choice:disabled{cursor:default}.steps3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.steps3>div{color:var(--mute);flex-direction:column;gap:4px;font-size:.72em;font-weight:800;display:flex}.steps3>div>i{background:var(--bg2);border-radius:99px;height:6px}.steps3>div.done>i{background:var(--mint)}.steps3>div.cur>i{background:var(--pink)}.steps3>div.cur,.steps3>div.done{color:var(--pink)}.steps3>div:nth-child(2){text-align:center}.steps3>div:nth-child(3){text-align:right}.ring{place-items:center;display:grid;position:relative}.ring>svg{position:absolute;inset:0;transform:rotate(-90deg)}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pop{animation:pop .45s ease-out both}.star{background:var(--yellow-l);color:#e2a800;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.star.off{background:var(--bg2);color:var(--mute)}.scrim{z-index:50;background:#1e192873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.scrim.mid{align-items:center;padding:16px}.sheet{background:var(--bg);width:100%;max-width:560px;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;max-height:90dvh;overflow:auto}.sheet .grab{background:var(--mute);border-radius:9px;width:44px;height:5px;margin:0 auto 12px}.modal{border-radius:var(--r-lg);background:#fff;width:100%;max-width:480px;max-height:90dvh;padding:24px;overflow:auto}.guide-hl{z-index:61;border:3px solid var(--yellow);pointer-events:none;transition:all .25s;box-shadow:0 0 0 9999px #1e19288c}.guide-hl,.guide-pop{border-radius:18px;position:fixed}.guide-pop{z-index:62;background:#fff;width:min(300px,100vw - 32px);padding:16px;box-shadow:0 8px 30px #0003}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--dark);color:#fff;z-index:80;white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:.85em;font-weight:700;animation:pop .3s both;transform:translate(-50%)}.demo,.toast{position:fixed}.demo{z-index:90;font-size:12px;top:40%;left:0}.demo>button.fab{background:var(--dark);color:#fff;opacity:.55;writing-mode:vertical-rl;border-radius:0 10px 10px 0;padding:8px 6px;font-weight:700}.demo>button.fab:hover{opacity:1}.demo .panel{background:#fff;border-radius:16px;flex-direction:column;gap:8px;width:260px;padding:12px;display:flex;position:absolute;top:-40px;left:34px;box-shadow:0 8px 30px #0003}.demo .panel .seg>button{padding:4px 6px;font-size:11px}.tt{gap:6px}.cal,.tt{display:grid}.cal{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px}.cal .d{border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:6px 0;font-size:.85em;display:flex}.cal .d.sel{background:var(--pink-ll)}.cal .d .n{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.cal .d.today .n{background:var(--pink);color:#fff;font-weight:800}.cal .dots{gap:2px;display:flex}.cal .dots i{border-radius:50%;width:5px;height:5px}.k-deadline{background:var(--yellow)}.k-test{background:var(--pink)}.k-school{background:var(--mint)}.qnums{flex-wrap:wrap;gap:6px;display:flex}.qnums button{background:var(--bg2);width:30px;height:30px;color:var(--sub);border-radius:8px;font-size:.8em;font-weight:800}.qnums button.ans{background:var(--pink);color:#fff}.qnums button.flag{border:2px solid var(--yellow);color:var(--text);background:#fff}.qnums button.cur{outline:2px solid var(--pink);outline-offset:1px}.bubble{border-radius:18px;max-width:80%;padding:12px 14px;font-size:.92em}.bubble.me{background:var(--pink);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble.you{box-shadow:var(--shadow);background:#fff;border-bottom-left-radius:6px;align-self:flex-start}@media (max-width:1100px){.pc{grid-template-columns:170px 1fr}.pc-main{padding:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.cb .li{padding:8px 14px}.cb .pad{padding:12px}.cb .btn{min-height:46px}.cb .sec-h{margin:8px 4px 4px}.cb-main .pc-title .icon-btn{width:32px;height:32px}.grid2{grid-template-columns:1fr 1fr;display:grid}.grid2>*+*{border-top:0}.grid2>:nth-child(n+3){border-top:1px solid var(--line)}.pre-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:960px){.pre-grid{grid-template-columns:minmax(0,1fr)}}:root[data-plan=b]{--pink:#0c50a0;--pink-d:#083b78;--pink-l:#e6eef8;--pink-ll:#f2f6fc;--mint:#2f7d4f;--mint-d:#24643e;--mint-l:#e8f3ec;--yellow:#ffd600;--yellow-l:#fff6c2;--purple:#0c50a0;--purple-l:#eef2f8;--orange:#0c50a0;--orange-l:#eef2f8;--blue:#0c50a0;--blue-l:#eef2f8;--bg:#f4f6f9;--bg2:#eceff4;--line:#e1e6ee;--text:#1c2433;--sub:#667085;--mute:#a3acba;--dark:#1c2433;--r-lg:10px;--r:8px;--r-sm:6px;--shadow:0 0 0 1px #e1e6ee;--font:var(--font-b),"Hiragino Sans","Yu Gothic",system-ui,sans-serif}[data-plan=b] body{font-weight:400}[data-plan=b] .btn{box-shadow:none;letter-spacing:0;border-radius:8px;font-weight:700}[data-plan=b] .btn:active{transform:none}[data-plan=b] .btn.ghost{border-width:1px}[data-plan=b] .chip{border-radius:4px}[data-plan=b] .seg,[data-plan=b] .seg>button{border-radius:6px}[data-plan=b] .tabs>button{border-radius:4px}[data-plan=b] .b,[data-plan=b] b,[data-plan=b] h1,[data-plan=b] h2{font-weight:700}[data-plan=b] .tile[class*=c-]{color:#0c50a0;background:#eef2f8;border-radius:6px!important}[data-plan=b] .tile.c-red{color:#d92d20;background:#fde4e4}[data-plan=b] .tile.c-gray{background:var(--bg2);color:var(--sub)}[data-plan=b] .choice{border-width:1px}[data-plan=b] .choice .mk{border-radius:4px}[data-plan=b] .card{box-shadow:none;border:1px solid var(--line)}[data-plan=b] .sheet{border-radius:16px 16px 0 0}[data-plan=b] .star{border-radius:6px}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}