@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--primary-blue: #0066FF;--primary-blue-hover: #0046B8;--bg-blue: #EBF2FD;--gray-100: #111111;--gray-80: #5C6270;--gray-60: #8D95A5;--gray-40: #C2C8D3;--gray-20: #E6EAF0;--gray-10: #F2F3F5;--sub-blue: #EBF2FE;--sub-green: #E7F9EF;--sub-yellow: #FEF7DD;--sub-pink: #FEF0F4;--sub-purple: #F3EEFE;--sub-mint: #E7FAFA;--semantic-blue: #0066FF;--semantic-green: #32C4B7;--semantic-yellow: #FFB752;--semantic-pink: #FF5D56;--gradient-blue-green: linear-gradient(180deg, #0066FF 0%, #3FD3CB 100%);--green: #0066FF;--green-deep: #0046B8;--green-soft: #EBF2FE;--lime: #3FD3CB;--navy: #111111;--navy-2: #111111;--ink: #111111;--sub: #5C6270;--line: #E6EAF0;--bg: #ffffff;--radius: 16px;--shadow: 4px 4px 16px 0px rgba(0, 0, 0, .06);--card-shadow: 4px 4px 16px 0px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;letter-spacing:.01em;color:var(--ink);background:var(--bg);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:15px}::selection{background:#0066ff2e}.top_common{background:#f4f8ff;border-bottom:1px solid #e0e6f0;font-size:12px;color:#53565d;width:100%;position:relative;z-index:51;font-family:inherit}.top_common article{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 28px;height:38px;max-width:1200px;margin:0 auto}.top_common .left_module{display:flex;align-items:center;gap:4px;white-space:nowrap}.top_common .left_module>a,.top_common .left_module>span.module_samquiz{padding:0 10px;margin:0;font-size:12.5px;line-height:28px;color:#53565d;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;transition:all .15s ease;cursor:pointer;font-weight:500}.top_common .left_module>a:hover,.top_common .left_module>span.module_samquiz:hover{color:#273fa1;background-color:#dfe2f1}.top_common .left_module>a.on,.top_common .left_module>a:nth-child(1).on,.top_common .left_module>a:nth-child(1):hover{color:#f28b15;background-color:#feebd5;font-weight:700}.top_common .left_module>a.middleHigh:hover{color:#0057ed;background-color:#cfe6fa}.top_common .left_module>a:nth-child(3):hover{color:#8950e7;background-color:#e7dcfa}.top_common .left_module>a .emoji-plus{padding:0;font-size:10px;line-height:28px;transform:translateY(-1px);filter:brightness(0) saturate(100%) invert(31%) sepia(10%) saturate(380%) hue-rotate(184deg) brightness(99%) contrast(86%)}.top_common .left_module>a.nnew{position:relative;padding-right:14px}.top_common .left_module>a.nnew:after{content:"";position:absolute;right:4px;top:5px;width:5px;height:5px;background:red;border-radius:50%}.top_common .left_module>span.module_samquiz{position:relative;padding:0 20px 0 8px!important;margin:0;color:#53565d;height:28px;border-radius:14px;font-size:12px;line-height:28px;background-image:url(https://e.vivasam.com/resources/images/common/icon_samquiz_arr.png);background-repeat:no-repeat;background-position:right 5px top 50%}.top_common .module_samquiz ul{display:none;position:absolute;top:30px;left:0;background:#fff;border:1px solid #dcdcdc;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:4px 8px;margin:0;list-style:none;z-index:10000}.top_common .module_samquiz:hover ul{display:flex;align-items:center;gap:8px}.top_common .module_samquiz ul li a{padding:4px 8px!important;font-size:12px!important;color:#53565d!important;background:none!important;border-radius:4px!important}.top_common .module_samquiz ul li a:hover{color:#273fa1!important;background-color:#f2f4f7!important;font-weight:600}.top_common .module_samquiz ul li+li:before{content:"";display:inline-block;width:1px;height:10px;background-color:#dcdcdc;margin-right:8px;vertical-align:middle}.top_common .right_module{display:flex;align-items:center}.top_common .right_module .login_before,.top_common .right_module .login_after{display:flex;align-items:center;gap:0}.top_common .right_module a{padding:0 10px;color:#53565d;font-size:12.5px;text-decoration:none;position:relative;display:inline-flex;align-items:center;transition:color .15s ease;font-weight:500}.top_common .right_module a:hover{color:#f5802c}.top_common .right_module .login_before a+a:before,.top_common .right_module .login_after a+a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:2px;background:#838383;border-radius:50%}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:0 max(28px,calc(50% - 572px));height:80px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-20)}.brand{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:12px;padding:4px 8px;margin-left:-8px;transition:.15s}.brand:hover{background:#f2f3f5}.brand-vivasam{height:20px;width:auto;display:block;flex:none;max-width:160px}.brand-badge-elem{background:#f28b15;color:#fff;font-size:13px;font-weight:700;padding:2px 7px;border-radius:4px;line-height:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}.brand-divider{width:1px;height:20px;background:#dcdfe3;margin:0 4px;flex:none}.brand-name{font-size:20px;font-weight:800;color:#111;letter-spacing:-.4px;white-space:nowrap}.brand-name b{color:var(--gray-100)}.brand-tag{font-size:11.5px;font-weight:600;color:var(--primary-blue);background:var(--sub-blue);border-radius:999px;padding:4px 11px;letter-spacing:.2px}.beta-badge{display:inline-block;padding:2px 6px;font-size:11px;font-weight:800;color:#fff;-webkit-text-fill-color:#ffffff;background-color:var(--primary-blue);border-radius:4px;line-height:1.2}.beta-badge-img{display:inline-block;height:22px;width:auto;vertical-align:middle;margin-left:4px;transform:translateY(-2px);object-fit:contain}.brand-name .beta-badge{vertical-align:middle;transform:translateY(-2px)}.brand-name .beta-badge-img{height:22px;vertical-align:middle;margin-left:4px;transform:translateY(-2px)}.brand-highlight .beta-badge{vertical-align:top;margin-top:10px}.brand-highlight .beta-badge-img{position:absolute;left:100%;top:4px;margin-left:8px;height:26px}.steps{display:flex;align-items:stretch;height:100%;gap:30px;margin:0 auto;flex-wrap:nowrap}.step-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 4px;height:100%;border-radius:0;font-size:16px;font-weight:600;color:var(--gray-100);background:transparent;transition:color .15s ease;white-space:nowrap}.step-btn:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:0;background:var(--gray-100);transform:scaleX(0);transition:transform .18s ease}.step-btn:hover,.nav-dd:hover .step-btn{background:transparent;color:var(--gray-100)}.step-btn:hover:after,.nav-dd:hover .step-btn:after,.step-btn.active:after{transform:scaleX(1)}.step-btn.active{background:transparent;color:var(--gray-100);font-weight:600;box-shadow:none}.ghost-btn{font-size:14px;font-weight:600;color:var(--gray-80);padding:8px 16px;border-radius:9999px;border:1px solid var(--gray-40);background:#fff;transition:all .2s ease}.ghost-btn:hover{border-color:var(--gray-100);color:var(--gray-100);background:#fff}.wizard-btn{display:inline-flex;align-items:center;gap:6px;height:40px;font-size:14px;font-weight:700;color:#fff;padding:0 20px;border-radius:9999px;background:linear-gradient(90deg,#06f,#3fd3cb);box-shadow:0 4px 12px #0066ff29;transition:all .2s ease;white-space:nowrap}.wizard-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0066ff4d}.nav-dd{position:relative}.nav-dd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:136px;width:max-content;background:#fff;border:1px solid var(--gray-20);border-radius:14px;box-shadow:var(--card-shadow),0 12px 28px #00000014;padding:10px 8px;display:flex;flex-direction:column;gap:0;z-index:60;animation:pop .18s cubic-bezier(.2,.9,.3,1.2)}.nav-dd-menu button{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border-radius:8px;font-size:15px;font-weight:500;color:var(--gray-100);text-align:center;white-space:nowrap;transition:.15s}.nav-dd-menu button:hover{background:transparent;color:var(--primary-blue)}.nav-dd-menu button.on{background:transparent;color:var(--primary-blue);font-weight:700}.step-btn.feeder,.step-btn.feeder.active{color:var(--gray-100);background:transparent}.ghost-btn.danger:hover{border-color:#ff5d5673;color:#ff5d56}.settings-trigger{display:flex;align-items:center;gap:6px}.settings-trigger:hover{border-color:var(--green);color:var(--green-deep)}.settings-trigger.active{border-color:var(--green);color:var(--primary-blue);background:var(--green-soft)}.settings-dd .nav-dd-menu{left:auto;right:0;transform:none;min-width:236px}.settings-menu button{justify-content:flex-start;text-align:left}.settings-menu button small{margin-left:auto;padding-left:12px;font-size:11px;font-weight:600;color:var(--sub)}.settings-menu button.danger{color:#ff5d56}.settings-menu button.danger small{color:#8d95a5}.settings-menu button.danger:hover{background:#fef0f4;color:#ff5d56}.settings-menu button.danger:hover small{color:#ff5d56}.nav-dd-divider{height:1px;background:var(--line);margin:4px 6px}.settings-menu .menu-toggle{flex:none;margin-left:auto;width:34px;height:20px;border-radius:999px;background:#c2c8d3;position:relative;transition:.16s}.settings-menu .menu-toggle i{position:absolute;top:2.5px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.16s;box-shadow:0 1px 3px #0003}.settings-menu .menu-toggle.on{background:var(--primary-blue)}.settings-menu .menu-toggle.on i{left:16px}.wizard{position:fixed;right:22px;bottom:22px;z-index:96;width:356px;max-width:calc(100vw - 44px);background:#fff;border-radius:18px;border:1.5px solid var(--green);box-shadow:0 16px 44px #1111113d;display:flex;flex-direction:column;overflow:hidden;animation:pop .35s cubic-bezier(.2,.9,.3,1.2);max-height:calc(100vh - 100px)}.wizard-mini{position:fixed;right:22px;bottom:22px;z-index:96;display:inline-flex;align-items:center;gap:7px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:10px 16px;box-shadow:0 10px 28px #1111114d;animation:pop .3s cubic-bezier(.2,.9,.3,1.2);transition:.15s}.wizard-mini:hover{transform:translateY(-2px);background:var(--navy-2)}.wizard-mini .wiz-badge{margin-left:0}.wizard[hidden]{display:none}.wiz-head{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-size:13.5px;font-weight:800;padding:11px 14px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.wiz-head:active{cursor:grabbing}.wiz-badge{margin-left:auto;font-size:10.5px;font-weight:800;color:var(--lime);background:#ffffff1f;border-radius:999px;padding:3px 9px}.wiz-x{color:#8d95a5;font-size:14px;padding:2px 6px;border-radius:8px;transition:.15s}.wiz-x:hover{color:#fff;background:#ffffff26}.wiz-progress{display:flex;align-items:center;gap:10px;padding:10px 16px 0}.wiz-phase{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.03em;color:var(--primary-blue);background:var(--green-soft);border-radius:999px;padding:3px 9px;white-space:nowrap}.wiz-bar{flex:1;height:5px;border-radius:999px;background:#e6eaf0;overflow:hidden}.wiz-bar i{display:block;height:100%;border-radius:999px;background:var(--green);transition:width .3s ease}.wiz-title{font-size:15px;font-weight:800;color:var(--navy);padding:10px 16px 0;letter-spacing:-.1px}.wiz-body{font-size:12.5px;line-height:1.7;color:var(--ink);padding:6px 16px 4px;overflow-y:auto;word-break:keep-all}.wiz-body b{color:var(--primary-blue)}.wiz-actions{display:flex;flex-direction:column;gap:6px;padding:8px 16px 0}.wiz-actions .wiz-act{width:100%;font-size:13px;border-color:var(--green);color:var(--primary-blue)}.wiz-actions .wiz-act:hover{background:var(--green-soft)}.wiz-hint{margin:8px 16px 0;font-size:11.5px;font-weight:700;color:var(--gray-80);background:#fef7dd;border:1px solid rgba(255,183,82,.45);border-radius:10px;padding:7px 11px}.wiz-nav{display:flex;align-items:center;gap:10px;padding:10px 16px 12px}.wiz-nav .soft-btn,.wiz-nav .primary-btn{font-size:12.5px;height:28px;padding:0 14px}.wiz-nav .soft-btn:disabled{opacity:.4;cursor:default}.wiz-nav .primary-btn{margin-left:auto}.wiz-glow{outline:3px solid var(--green)!important;outline-offset:4px;border-radius:14px;animation:wizPulse 1.4s ease-in-out infinite}@keyframes wizPulse{0%,to{outline-color:#0066ffe6}50%{outline-color:#0066ff59}}.screen{display:none;width:100%;max-width:1200px;margin:0 auto;padding:80px 28px 34px}.screen.active{display:flex;flex-direction:column;justify-content:center;flex:1 0 auto}#screen4.active{max-width:1200px;padding:30px 22px 40px;justify-content:flex-start}@media (min-width: 1401px){#screen4.active{min-width:1120px}}.hero{text-align:center;margin:0 0 40px}.hero.small{margin:0 0 28px}.hero h1{font-family:Paperlogy,Pretendard Variable,Pretendard,sans-serif;font-size:60px;line-height:68px;letter-spacing:-.4px;color:var(--gray-100);font-weight:400}.hero.small h1{font-size:32px;line-height:44px}.hero h1 b{font-weight:700}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#06f,#3fd3cb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;padding:0 2px}.hero p{margin-top:16px;color:var(--sub);font-size:15.5px;line-height:1.7}.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;border:1px solid var(--line)}.panel h2{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.1px;color:var(--navy);display:flex;align-items:center;gap:8px}.panel-row{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:start}.hint{font-size:13px;color:var(--sub);margin:8px 0 10px;line-height:1.6}.hint b{color:var(--primary-blue)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;background:var(--green);color:#fff;font-weight:800;font-size:14.5px;padding:0 22px;border-radius:999px;transition:.18s}.primary-btn:hover{background:var(--green-deep);color:#fff;transform:translateY(-1px)}.primary-btn.big{padding:0 28px;font-size:15.5px}.soft-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;background:#fff;border:1px solid var(--gray-40);color:var(--ink);font-weight:700;font-size:14px;padding:0 18px;border-radius:999px;transition:.18s}.soft-btn:hover{border-color:var(--gray-100);color:var(--gray-100);background:#fff}.btn-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-row.right{justify-content:flex-end}.btn-row.oneline{flex-wrap:nowrap}.btn-row.oneline .soft-btn{padding:0 13px;font-size:13px;white-space:nowrap}.count-badge{margin-left:8px;font-size:12.5px;font-weight:600;color:var(--gray-60);background:#fff;border:1px solid var(--gray-20);border-radius:999px;padding:0 12px}.add-form{display:flex;gap:8px;margin-top:14px}.add-form input[type=number]{width:80px}.add-form input,#bulkInput{border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;outline:none;transition:.15s;background:#fff}.add-form input:focus,#bulkInput:focus{border-color:var(--green);background:#fff}.add-form input[type=text]{flex:1}#bulkInput{width:100%;resize:vertical;line-height:1.7}.student-table-wrap{margin-top:14px;max-height:380px;overflow:auto;border-radius:14px;border:1px solid var(--line)}.student-table{width:100%;border-collapse:collapse;font-size:14.5px}.student-table th{text-align:left;font-size:12px;color:var(--sub);font-weight:700;letter-spacing:.4px;background:#f2f3f5;padding:10px 14px;position:sticky;top:0}.student-table td{padding:10px 14px;border-top:1px solid #F2F3F5}.student-table .no-cell{font-weight:800;color:var(--primary-blue);width:56px}.mod-chips{display:inline-flex;flex-wrap:nowrap;gap:4px}.mod-chips .mc{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px;background:#fff;border:1px solid var(--gray-20);color:var(--gray-60);white-space:nowrap}.mod-chips .mc.mid{background:#fef7dd;color:#ffb752}.mod-chips .mc.ok{border-color:transparent}.mod-chips .mc.ok.mc-subject{background:var(--sub-blue);color:var(--primary-blue)}.mod-chips .mc.ok.mc-autonomy{background:var(--sub-green);color:var(--semantic-green)}.mod-chips .mc.ok.mc-club{background:var(--sub-yellow);color:var(--semantic-yellow)}.mod-chips .mc.ok.mc-career{background:var(--sub-pink);color:var(--semantic-pink)}.mod-chips .mc.ok.mc-behavior{background:var(--sub-purple);color:#8a6bd6}.del-btn{color:#c2c8d3;font-size:16px;transition:.15s;border-radius:8px;padding:2px 8px}.del-btn:hover{color:#ff5d56;background:#fef0f4}.empty-note{text-align:center;color:#8d95a5;font-size:14px;padding:34px 10px;line-height:1.8}.wing-picker{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 26px;border:1px solid var(--line)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 4px 12px;border-bottom:3px solid transparent;margin-bottom:-1px;font-weight:700;font-size:15px;color:var(--sub);transition:.18s;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:800}.tab-pane{display:none;padding-top:18px}.tab-pane.active{display:block}.subject-form{display:flex;gap:10px;flex-wrap:wrap}.subject-form select{border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;background:#fff;outline:none;min-width:180px}.subject-form select:focus{border-color:var(--green)}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.area-card{border-radius:18px;padding:36px 16px 18px;text-align:left;border:2px solid transparent;transition:.18s;position:relative}.area-card .a-icon{font-size:26px}.area-card .a-name{display:block;font-weight:800;font-size:15.5px;margin-top:8px;color:var(--navy)}.area-card .a-desc{display:block;font-size:12.5px;color:var(--sub);margin-top:4px;line-height:1.5}.area-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.area-card.selected{border-color:var(--green)}.area-card.selected:after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center}.selected-panel{margin-top:22px}.wing-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.wing-chip{display:flex;align-items:center;gap:8px;border-radius:999px;padding:9px 8px 9px 16px;font-size:13.5px;font-weight:700;color:var(--navy);box-shadow:0 3px 10px #11111112}.wing-chip .type-dot{font-size:14px}.wing-chip .chip-x{width:22px;height:22px;border-radius:50%;background:#ffffffbf;font-size:12px;color:var(--sub);display:grid;place-items:center;transition:.15s}.wing-chip .chip-x:hover{background:#fff;color:#ff5d56}.wheel-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:18px;align-items:start}.side-panel,.result-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:18px;max-height:calc(100vh - 130px);position:sticky;top:78px}.result-panel{overflow:auto}.side-panel{display:flex;flex-direction:column;overflow:hidden}.side-panel h2,.result-panel h2{font-size:15.5px;color:var(--navy)}.student-list{display:flex;flex-direction:column;gap:6px;margin-top:12px;flex:1 1 auto;min-height:0;overflow-y:auto}.side-panel>.btn-row{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.stu-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:13px;font-size:14px;font-weight:600;color:var(--ink);text-align:left;transition:.15s;border:1.5px solid transparent}.stu-item:hover{background:#f2f3f5}.stu-item.active{background:var(--green-soft);border-color:var(--green);color:var(--navy)}.stu-item .s-no{width:24px;height:24px;border-radius:50%;background:#f2f3f5;color:var(--sub);font-size:11px;font-weight:800;display:grid;place-items:center;flex:none}.stu-item.active .s-no{background:var(--green);color:#fff}.stu-item .s-done{margin-left:auto;font-size:11px;color:var(--primary-blue);font-weight:800}.wheel-main{min-width:0}.wheel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:18px;padding:12px 18px;box-shadow:var(--shadow);border:1px solid var(--line);margin-bottom:10px}.wheel-toolbar .btn-row{margin:0}.current-student{font-size:17px;font-weight:800;color:var(--navy)}.current-student small{color:var(--sub);font-weight:600;font-size:12.5px;margin-left:6px}.wheel-stage{position:relative;width:100%;aspect-ratio:1/1;max-width:820px;margin:0 auto;border-radius:28px;background:radial-gradient(circle at 50% 42%,#fff,#ebf2fd 55%,#ebf2fd);box-shadow:var(--shadow);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#wheelCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}#wingCards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wing-card{position:absolute;transform:translate(-50%,-50%);width:128px;border-radius:16px;padding:10px 12px;text-align:center;box-shadow:0 8px 20px #1111111f;border:2px solid rgba(255,255,255,.9);pointer-events:auto;transition:box-shadow .2s,transform .2s}.wing-card.hot{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 8px 20px #00000024}.wing-card .w-del{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#c2c8d3;border:1.5px solid var(--line);box-shadow:0 3px 8px #11111124;opacity:0;transition:.15s}.wing-card:hover .w-del{opacity:1}.wing-card .w-del:hover{color:#ff5d56;border-color:#ff5d5673;transform:scale(1.1)}.wing-card .w-icon{font-size:19px}.wing-card .w-name{display:block;font-size:12.5px;font-weight:800;color:var(--navy);letter-spacing:-.1px;margin-top:2px;line-height:1.3}.wing-card .w-sub{display:block;font-size:10.5px;color:var(--sub);margin-top:2px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wing-card .w-level{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 9px;background:#f2f3f5;color:#8d95a5;transition:.2s}.wing-card .w-level.on{background:var(--navy);color:var(--lime)}.wing-card.compact{padding:7px 6px;border-radius:13px}.wing-card.compact .w-name{font-size:11px;letter-spacing:-.3px;margin-top:1px;line-height:1.25;word-break:keep-all}.wing-card.compact .w-sub{display:none}.wing-card.compact .w-level{margin-top:4px;font-size:9.5px;padding:2px 7px}.wing-card.compact .w-del{width:18px;height:18px;top:-7px;right:-7px}.wing-card.pickable{cursor:pointer}.wing-card.pickable:hover{box-shadow:0 8px 20px #0000001f;transform:translate(-50%,-50%) scale(1.04)}.wing-card.pickable .w-sub{color:var(--primary-blue);font-weight:700}.sub-menu{position:absolute;z-index:30;min-width:150px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 16px 40px #11111138;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:3px;animation:pop .25s cubic-bezier(.2,.9,.3,1.2)}.sub-menu .sm-title{font-size:11.5px;font-weight:800;color:var(--sub);padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.sub-menu .sm-item{text-align:left;font-size:13px;font-weight:700;color:var(--ink);padding:8px 12px;border-radius:10px;transition:.13s}.sub-menu .sm-item:hover{background:#f2f3f5}.sub-menu .sm-item.on{background:var(--green-soft);color:var(--primary-blue)}.sub-menu .sm-item.danger{color:#ff5d56;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}.sub-menu .sm-item.danger:hover{background:#fef0f4}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px #11111159,0 0 0 8px #ffffffbf,0 0 0 9px var(--line);pointer-events:none;z-index:5}.center-no{font-size:11px;font-weight:700;color:var(--lime);letter-spacing:1px}.center-name{font-size:21px;font-weight:800;letter-spacing:-.3px;margin-top:2px}.wheel-guide{text-align:center;color:var(--sub);font-size:13.5px;margin-top:12px}.wheel-guide b{color:var(--primary-blue)}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.result-card{border-radius:16px;padding:14px 16px;border:1px solid var(--line);background:#fff;animation:pop .45s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.result-card.summary{background:#ebf2fe;border:1.5px solid var(--green)}.result-card.rec-card{background:#ebf2fe;border:1.5px dashed rgba(0,102,255,.3)}.result-card.rec-card .r-head{color:var(--primary-blue)}.result-card.summary .r-head{font-size:14px}.result-card.summary .r-text{font-weight:600}.result-card .r-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--navy)}.result-card .r-level{font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 9px;color:#fff;margin-left:auto}.result-card .r-text{font-size:13.5px;line-height:1.75;color:var(--ink);margin-top:8px;word-break:keep-all}.result-card .r-actions{display:flex;gap:6px;margin-top:10px}.mini-btn{font-size:11.5px;font-weight:700;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:4px 11px;background:#fff;transition:.15s}.mini-btn:hover{color:var(--green-deep);border-color:var(--green)}.mini-btn.danger:hover{color:#ff5d56;border-color:#ff5d5673}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,20px);background:var(--navy);color:#fff;font-size:14px;font-weight:700;border-radius:999px;padding:12px 24px;opacity:0;pointer-events:none;transition:.3s;z-index:99;box-shadow:0 12px 30px #11111159}.toast.show{opacity:1;transform:translate(-50%)}.toast b{color:var(--lime)}.foot{text-align:center;color:#8d95a5;font-size:11.5px;letter-spacing:1.4px;padding:26px 0 34px}.home-screen{padding-bottom:40px}.hero-title{font-family:Paperlogy,Pretendard Variable,Pretendard,sans-serif;font-size:60px!important;line-height:68px!important;font-weight:400!important;color:var(--gray-100);letter-spacing:-.4px;text-align:center;margin-bottom:12px}.brand-highlight{background:linear-gradient(90deg,#06f,#3fd3cb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:60px;position:relative;display:inline-block}.wizard-start-card{position:relative;display:flex;align-items:center;gap:16px;width:100%;max-width:1200px;margin:28px auto 0;padding:28px 36px;overflow:hidden;text-align:left;border-radius:14px;border:none;background:url(/assets/wizard-banner-bg.png) center / cover no-repeat;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s ease}.wizard-start-card:hover{transform:translateY(-2px);box-shadow:4px 8px 24px #0066ff1a}.wsc-icon{position:relative;z-index:1;flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--primary-blue);box-shadow:0 4px 12px #0066ff40}.wsc-text{position:relative;z-index:1;flex:1 1 auto;min-width:0}.wsc-title{font-size:22px;font-weight:800;color:var(--gray-100);letter-spacing:-.2px;line-height:1.3}.wsc-desc{font-size:15px;color:var(--gray-80);margin-top:6px;font-weight:500}.wsc-go{margin-top:12px;font-size:15px;font-weight:700!important;color:var(--primary-blue);display:inline-flex;align-items:center;gap:4px;transition:transform .2s ease}.wizard-start-card:hover .wsc-go{transform:translate(4px)}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin:0 auto}.home-card{position:relative;overflow:hidden;background:#fff;border-radius:14px;border:1px solid var(--gray-20);padding:28px;min-height:200px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.3,1),border-color .2s,box-shadow .25s;display:flex;flex-direction:column;gap:20px;animation:hcIn .45s cubic-bezier(.22,.8,.36,1) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.home-card:hover{transform:translateY(-4px);border-color:var(--primary-blue);box-shadow:4px 12px 24px #0066ff1f}.home-card.is-students{border:1.5px solid var(--primary-blue)}.home-card.is-students:hover{border-color:var(--primary-blue-hover);box-shadow:4px 12px 24px #0066ff2e}.hc-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--sub-blue);color:var(--primary-blue);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.home-card:hover .hc-icon{transform:scale(1.1) rotate(-5deg)}.hc-name{font-size:20px;font-weight:600;color:var(--gray-100);letter-spacing:-.2px}.hc-btns{display:flex;gap:8px;margin-top:auto;width:100%}.home-btn.hb-primary,.home-btn.hb-secondary{flex:1;height:44px;padding:0 14px;font-size:14px;font-weight:700;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:all .2s ease}.home-btn.hb-primary{background:var(--primary-blue);color:#fff;border:1px solid var(--primary-blue)}.home-btn.hb-primary:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);transform:translateY(-1px)}.home-btn.hb-secondary{background:#fff;color:var(--primary-blue);border:1.5px solid var(--primary-blue)}.home-btn.hb-secondary:hover{background:var(--sub-blue);transform:translateY(-1px)}.home-hint{text-align:center;margin-top:24px;font-size:14px;color:var(--gray-80);font-weight:200}.config-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#11111173;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:56px 28px 24px;overflow-y:auto;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.config-drawer{position:relative;width:min(1080px,100%);max-height:calc(100vh - 80px);overflow-y:auto;margin-bottom:0;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}.cfg-records{margin-top:4px}.cfg-records h2{margin-bottom:4px}.drawer-tabs{margin-bottom:16px}.drawer-tabs button{flex:0 1 auto}.drawer-tabs[hidden]{display:none}.rand-row{align-items:center}.rand-label{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--navy)}.rand-label select{border:1.5px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;background:#fff;outline:none;color:var(--ink);cursor:pointer}.rand-label select:focus{border-color:var(--green)}.config-pane[hidden]{display:none}.config-pane h2{margin-bottom:14px}.config-drawer .wing-chips{margin-top:16px}.config-drawer .area-grid{margin-top:4px}.drawer-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px}.drawer-actions .primary-btn{display:inline-flex;align-items:center;gap:7px;min-width:92px;justify-content:center}.base-required-modal{width:min(520px,100%)}.base-required-modal h3{display:flex;align-items:center;gap:8px}.base-required-list{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow-y:auto;margin-top:14px;padding:12px;border:1.5px solid var(--line);border-radius:14px;background:#f2f3f5}.base-required-list span{display:inline-flex;align-items:center;max-width:100%;padding:6px 10px;border-radius:999px;background:#fff;color:var(--navy);font-size:12.5px;font-weight:800;line-height:1.35}.wheel-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f2f3f5db;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:28px}.wheel-empty[hidden]{display:none}.wheel-empty p{font-size:15px;font-weight:700;color:var(--sub)}.empty-art{width:min(260px,64vw);aspect-ratio:4 / 3;object-fit:contain;margin-bottom:2px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.08));pointer-events:none;border-radius:20px}.stage-summary{margin:34px 0 0;padding:18px 22px;border:1.5px solid var(--green);background:#ebf2fe}.stage-summary[hidden]{display:none}.stage-summary h2{font-size:15px;color:var(--navy)}.stage-summary .r-edit{width:100%;margin-top:10px;border:1.5px solid transparent;border-radius:12px;padding:9px 11px;font-size:13.5px;line-height:1.75;color:var(--ink);background:transparent;resize:none;outline:none;overflow:hidden;word-break:keep-all;font-weight:600;transition:.15s}.stage-summary .r-edit:hover{border-color:#06f6;background:#fff}.stage-summary .r-edit:focus{border-color:var(--green);background:#fff}.stage-summary .r-meta{justify-content:flex-end}.stage-summary .btn-row{margin-top:8px;justify-content:flex-end}.ux-seg{flex:none}.wheel-stage[hidden]{display:none}.bars-stage{position:relative;width:100%;height:420px;margin:0;border-radius:28px;background:radial-gradient(circle at 50% 30%,#fff,#ebf2fd 55%,#ebf2fd);box-shadow:var(--shadow);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.bars-stage[hidden]{display:none}.bars-stage.empty{height:auto;min-height:0}.bars-stage.empty .wheel-empty{position:static;padding:34px 24px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.bars-stage.empty .wheel-empty p{text-align:center;word-break:keep-all}#barsCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}#barCards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#barCards .wing-card{pointer-events:auto;width:108px;transform:translate(-50%);padding:9px 8px 8px}#barCards .wing-card .w-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0;font-size:11.5px}#barCards .wing-card .w-sub{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#barCards .wing-card .w-level{margin-top:3px}#barCards .empty-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.rec-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}.rec-form{padding-top:18px}.rec-mode{margin-bottom:16px}.seg.mini button{flex:0 1 auto;min-width:0;font-size:12.5px;padding:8px 14px;border-radius:999px}#recSinglePane[hidden],#recMultiPane[hidden]{display:none}.rec-row{margin-bottom:14px}.rec-row.half{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rec-row label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--navy);margin-bottom:7px}.rec-counter{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--sub)}.rec-counter.warn{color:#ffb752}.rec-date-input{font-family:inherit;font-size:12px;font-weight:700;color:var(--sub);border:1px solid transparent;border-radius:8px;padding:2px 4px;background:transparent;transition:.15s;cursor:pointer}.rec-date-input:hover{border-color:var(--line);background:#fff}.rec-date-input:focus{outline:none;border-color:var(--green);background:#fff;color:var(--ink)}.ri-item .ri-date{flex:none;width:118px}.ri-item .ri-text{cursor:pointer}.ri-item .ri-text:hover{color:var(--green-deep)}.ri-item .ri-edit{flex:1;font-family:inherit;font-size:12.5px;border:1.5px solid var(--green);border-radius:8px;padding:3px 8px;outline:none}.rec-issues{margin:8px 0 4px;padding:10px 13px;border:1px solid rgba(255,183,82,.45);border-radius:12px;background:#fef7dd;font-size:12px;line-height:1.65;color:#5c6270}.rec-issues>b{display:flex;align-items:center;gap:5px;color:var(--gray-100);margin-bottom:4px}.rec-issues .ri-row{display:block}.rec-issues .ri-no{display:inline-block;font-weight:800;color:var(--gray-100);margin-right:2px}.rec-issues .ri-line{color:#8d95a5;font-weight:600}.rec-steps{display:flex;flex-direction:column;gap:16px}.rec-step{border:1px solid var(--line);border-radius:18px;padding:16px 18px 14px;background:#fff;box-shadow:0 1px 4px #0000000a}.rec-step-head{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;color:var(--navy);margin-bottom:13px;padding-bottom:11px;border-bottom:1px dashed var(--line)}.rs-no{flex:none;width:23px;height:23px;border-radius:50%;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800}.rs-desc{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--sub)}.act-pick-list{max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.act-pick-list .act-row{cursor:pointer;margin:0}.act-pick-list .act-row:hover{background:#f2f3f5}.act-pick-list .act-row input[type=checkbox]{flex:none;accent-color:var(--green);width:15px;height:15px;cursor:pointer}.act-log{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.act-log-head{display:flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--navy);padding:10px 13px;cursor:pointer}.act-log-head b{color:var(--primary-blue)}.alh-hint{margin-left:auto;font-size:11px;font-weight:700;color:var(--sub)}.act-log-list{max-height:190px;overflow:auto;border-top:1px solid var(--line);background:#fff}.act-row{display:flex;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;border-bottom:1px dashed var(--line)}.act-row:last-child{border-bottom:0}.act-row .ar-date{flex:none;width:82px;font-size:11.5px;font-weight:700;color:var(--sub)}.act-row .ar-text{flex:1;cursor:pointer;line-height:1.55}.act-row .ar-text:hover{color:var(--green-deep)}.act-log-foot{display:flex;align-items:center;gap:8px;padding:7px 13px;border-top:1px solid var(--line)}.act-log-foot .hint{margin:0;flex:1}.rec-row input[type=date],.rec-row input[type=text],.rec-row input[type=number],.rec-row textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;outline:none;background:#fff;transition:.15s}.rec-row input:focus,.rec-row textarea:focus{border-color:var(--green);background:#fff}.rec-row textarea{resize:vertical;line-height:1.7}.rec-stu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:150px;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}.stu-check{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:400;cursor:pointer;color:var(--ink)}.stu-check input{accent-color:var(--primary-blue)}.rec-filter{margin-left:auto;border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;background:#fff;outline:none;color:var(--ink)}.rec-counts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;max-height:110px;overflow:auto}.rec-count-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;background:#f2f3f5;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--sub)}.rec-count-chip b{color:var(--navy);font-size:11.5px}.rec-count-chip .rc{font-style:normal;opacity:.55}.rec-count-chip .rc.mid{opacity:.9;color:#ffb752}.rec-count-chip .rc.ok{opacity:1;color:var(--primary-blue)}.rec-table-wrap{max-height:420px;margin-top:10px}.rec-text{cursor:text;border-bottom:1px dashed transparent;transition:.15s;line-height:1.6;display:block}.rec-text:hover{border-bottom-color:var(--green);background:#ebf2fe}.rec-edit{width:100%;border:1.5px solid var(--green);border-radius:10px;padding:8px 10px;outline:none;font-size:13.5px;line-height:1.6;resize:vertical;min-height:56px;background:#fff}.svc-h{font-size:11px;font-weight:800;color:var(--primary-blue);background:var(--green-soft);border-radius:999px;padding:2px 8px;margin-left:6px;white-space:nowrap}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#ebf2fd,#e7fafa);border:1.5px solid rgba(0,102,255,.4);border-radius:18px;padding:12px 18px;margin-bottom:30px;box-shadow:var(--shadow)}.bulk-bar .btn-row{margin:0}.bulk-msg{font-size:13.5px;color:var(--ink)}.bulk-msg b{color:var(--primary-blue)}.quick-label{font-size:12px;font-weight:700;color:var(--sub);align-self:center}.bar-select{border:1.5px solid var(--green);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:800;background:#fff;color:var(--navy);outline:none;cursor:pointer}.bar-select[hidden]{display:none}.level-quick{font-size:12px;font-weight:800;padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:.15s}.level-quick:hover{border-color:var(--green);color:var(--green-deep);background:var(--green-soft)}.rec-inline{margin-top:12px;border:1.5px solid #EBF2FE;border-radius:16px;background:#ebf2fe;padding:12px 14px}.rec-inline[hidden]{display:none}.ri-head{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--navy)}.ri-head .count-badge{margin-left:auto;font-size:10.5px;padding:3px 9px}.ri-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:160px;overflow:auto}.ri-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.55;background:#fff;border:1px solid #E6EAF0;border-radius:10px;padding:6px 9px}.ri-date{flex:none;font-weight:800;color:var(--primary-blue);font-size:11px;padding-top:1px;white-space:nowrap}.ri-text{color:var(--ink);word-break:keep-all}.ri-btns{margin-left:auto;display:flex;gap:2px;flex:none}.ri-ic{width:22px;height:22px;border-radius:7px;font-size:11px;display:grid;place-items:center;color:var(--sub);transition:.13s}.ri-ic:hover{background:var(--green-soft);color:var(--green-deep)}.ri-ic.del:hover{background:#fef0f4;color:#ff5d56}.ri-empty{font-size:11.5px;color:#8d95a5;text-align:center;padding:10px 6px;line-height:1.7}.ri-add{display:flex;gap:6px;margin-top:8px}.ri-add input[type=date]{flex:none;width:118px;border:1.5px solid var(--line);border-radius:10px;padding:6px 8px;font-size:11.5px;background:#fff;outline:none}.ri-add input[type=text]{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;font-size:12px;background:#fff;outline:none}.ri-add input:focus{border-color:var(--green)}.ri-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.level-chips{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.level-chip{font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--sub);transition:.15s}.level-chip:hover{border-color:var(--green);color:var(--green-deep)}.level-chip.on{color:#fff}.cre-select{margin-top:9px;width:100%;border:1.5px solid var(--line);border-radius:12px;padding:7px 10px;font-size:12.5px;font-weight:700;background:#fff;outline:none;color:var(--ink)}.cre-select:focus{border-color:var(--green)}.result-card .r-edit{width:100%;margin-top:9px;border:1.5px solid transparent;border-radius:12px;padding:9px 11px;font-size:13.5px;line-height:1.75;color:var(--ink);background:transparent;resize:none;outline:none;overflow:hidden;word-break:keep-all;transition:.15s}.result-card .r-edit:hover{border-color:var(--line);background:#fff}.result-card .r-edit:focus{border-color:var(--green);background:#fff}.r-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.r-meta i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--sub)}.r-meta i.good{color:var(--primary-blue)}.r-meta i.bad{color:#ff5d56}.src-badge{font-size:9.5px;font-weight:800;border-radius:999px;padding:2px 8px;background:#f3eefe;color:var(--primary-blue);letter-spacing:.3px}.src-badge.edit{background:#fef7dd;color:#ffb752}.rec-badge{font-size:9.5px;font-weight:800;border-radius:999px;padding:2px 8px;background:var(--green-soft);color:var(--primary-blue)}.ai-btn{position:relative}.ai-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#f3eefe}.ai-btn.busy{border-color:var(--primary-blue);color:var(--primary-blue);background:#f3eefe;cursor:wait;animation:aiBusyPulse 1.1s ease-in-out infinite}@keyframes aiBusyPulse{0%,to{box-shadow:0 0 #0066ff73}50%{box-shadow:0 0 0 6px #06f0}}.ai-notice{margin-top:14px;font-size:11.5px;line-height:1.65;color:var(--gray-80);background:#fef7dd;border:1px solid rgba(255,183,82,.45);border-radius:12px;padding:10px 12px}.ai-notice b{color:var(--gray-100)}.modal-backdrop[hidden],.ai-progress[hidden],.rec-form[hidden]{display:none!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#11111173;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);background:#fff;border-radius:22px;padding:26px 28px;box-shadow:0 24px 60px #1111114d;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}.modal h3{font-size:20px;line-height:28px;color:var(--navy);margin-bottom:8px}.detail-btn{border-color:var(--green);color:var(--primary-blue)}.detail-btn:hover{background:var(--green-soft);border-color:var(--green);color:var(--green-deep)}.modal.detail-modal{width:min(960px,94vw);padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 64px);overflow:hidden}.detail-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16.5px 19.5px;border-bottom:1px solid var(--line);flex:none}.detail-modal-head h3{margin:0;display:flex;align-items:center;gap:7px}.detail-modal-body{padding:15px 19.5px 19.5px;overflow-y:auto}.ai-note-input{width:100%;margin-top:10px;border:1.5px solid var(--line);border-radius:12px;padding:10px 13px;font-size:13.5px;line-height:1.6;resize:vertical;outline:none;transition:.15s}.ai-note-input:focus{border-color:var(--green)}.ai-prog-modal .apm-text{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--navy);word-break:keep-all}.ai-prog-modal .apm-bar{height:10px;margin:12px 0 10px;border-radius:999px;background:#e6eaf0;overflow:hidden}.ai-prog-modal .apm-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--primary-blue));transition:width .4s ease}.ai-mode-modal .ai-mode-card{display:block;width:100%;text-align:left;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:10px;background:#fff;transition:.15s}.ai-mode-modal button.ai-mode-card:hover{border-color:var(--green);background:var(--green-soft);transform:translateY(-1px)}.ai-mode-card .amc-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--navy)}.ai-mode-card .amc-desc{display:block;margin-top:4px;font-size:12.5px;line-height:1.6;color:var(--sub);word-break:keep-all}.ai-mode-card .amc-desc select{margin:0 4px;font-size:12.5px;font-weight:700;border:1.5px solid var(--line);border-radius:8px;padding:2px 6px}.ai-mode-card.static .primary-btn{margin-top:10px;font-size:13px;height:38px;padding:0 16px}.grownd-preview{margin-top:12px;padding:12px 14px;border:1.5px solid var(--green);border-radius:14px;background:var(--green-soft)}.grownd-preview>b{font-size:13px;color:var(--primary-blue)}.grownd-preview .gp-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:160px;overflow-y:auto}.grownd-preview .gp-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 11px 4px 5px;font-size:12.5px;font-weight:700;color:var(--navy)}.grownd-preview .gp-chip i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--primary-blue);font-size:11px;font-weight:800}.drafts-modal{width:min(880px,96vw);max-height:86vh;display:flex;flex-direction:column;padding:22px 24px}.dm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dm-head h3{display:flex;align-items:center;gap:8px;margin:0}.dm-list{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.dm-card{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}.dm-card.empty{opacity:.6}.dm-stu{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--navy)}.dm-stu small{color:var(--sub);font-weight:600}.dm-stu .mini-btn{margin-left:auto}.dm-stu .s-no{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--green-soft);color:var(--primary-blue);font-size:11.5px;font-weight:800;flex:none}.dm-none{margin-left:auto;font-size:12px;font-weight:600;color:var(--sub)}.dm-text{margin-top:8px;font-size:13.5px;line-height:1.75;color:var(--ink);white-space:pre-wrap;word-break:keep-all}.welcome-modal{text-align:center}.welcome-modal h3{text-align:center;font-size:20px;margin-top:6px}.wm-icon{width:64px;height:64px;margin:0 auto 4px;border-radius:20px;display:grid;place-items:center;color:#fff;background:var(--green)}.modal-field{margin:16px 0}.modal-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--navy);margin-bottom:8px}.modal-field label small{font-weight:600;color:var(--sub);font-size:11px}.modal-field input,.modal-field select{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;outline:none;background:#fff;transition:.15s}.modal-field input:focus,.modal-field select:focus{border-color:var(--green);background:#fff}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;min-width:90px;font-size:13px;font-weight:700;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--sub);transition:.15s;white-space:nowrap}.seg button:hover{border-color:var(--green)}.seg button.on{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.ai-progress{position:fixed;right:24px;bottom:24px;z-index:90;width:280px;background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 16px 44px #11111140;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:10px;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}.ap-text{font-size:13px;font-weight:700;color:var(--navy)}.ap-bar{height:7px;border-radius:999px;background:#f2f3f5;overflow:hidden}.ap-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--primary-blue));border-radius:999px;transition:width .3s}.ai-progress .mini-btn{align-self:flex-end}@media (max-width:1100px){.wheel-layout{grid-template-columns:1fr}.side-panel,.result-panel{position:static;max-height:none}.panel-row,.rec-layout{grid-template-columns:1fr}.hero h1{font-size:34px}.steps{gap:16px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:8px 6px;padding:10px 12px 0;height:auto;background:#fff}.brand{margin-right:auto}.brand-name{font-size:16px}.brand-tag{display:none}.brand-badge-elem{font-size:11px;padding:1px 5px}.steps{order:3;width:100%;margin:0;justify-content:flex-start;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.step-btn{flex:0 0 auto;padding:7px 11px 14px;font-size:13px}.step-btn:after{bottom:0}.wizard-btn .btn-txt,.ghost-btn .btn-txt{display:none}.wizard-btn,.ghost-btn{padding:0;width:36px;height:36px;justify-content:center;flex-shrink:0}.screen,#screen4.active{padding:18px 13px 60px}.hero,.hero.small{margin:6px 0 18px}.hero h1,.hero.small h1{font-size:25px;letter-spacing:-.4px;line-height:1.3}.hero p{font-size:12.5px;line-height:1.6}.home-grid{grid-template-columns:1fr;gap:12px}.home-card{padding:16px 18px 14px}.hc-desc{display:none}.wizard-start-card{gap:13px;padding:16px}.wsc-icon{width:46px;height:46px;border-radius:14px}.wsc-title{font-size:16px}.wsc-desc{font-size:11.5px}.wsc-go{padding:9px 13px;font-size:13px}.wsc-art{display:none}.empty-art{width:min(210px,72vw)}.bulk-bar,.wheel-toolbar,.result-head{flex-wrap:wrap;gap:8px}.wheel-toolbar .btn-row,.result-head .btn-row{width:100%}.settings-dd .nav-dd-menu{min-width:210px}.wizard{right:10px;left:10px;bottom:10px;width:auto;max-width:none}.wizard-mini{right:10px;bottom:10px}.hint{font-size:11.5px}}.ai-fx{position:relative}.ai-fx.on .r-edit,.ai-fx.on textarea,.ai-fx.on .rec-table-wrap{animation:aiTextIn 1.1s ease-out}@keyframes aiTextIn{0%{background:#ebf2fe;box-shadow:0 0 0 3px #0066ff59,0 0 24px #0066ff40;filter:blur(1.5px);opacity:.55}45%{filter:blur(0);opacity:1}to{background:transparent;box-shadow:none}}.ai-fx-layer{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;z-index:5}.ai-fx-layer i{position:absolute;border-radius:50%;opacity:0;box-shadow:0 0 8px #0066ff73;animation:aiParticle ease-out both}@keyframes aiParticle{0%{transform:translate(0) scale(0);opacity:0}18%{transform:translate(calc(var(--dx) * .25),calc(var(--dy) * .25)) scale(1.25);opacity:1}60%{opacity:.85}to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}svg{vertical-align:-.15em;flex:none}.step-btn svg,.wizard-btn svg,.ghost-btn svg,.home-btn svg,.mini-btn svg,.soft-btn svg,.primary-btn svg,.tab svg,.level-quick svg,.seg button svg,.panel h2 svg,.result-head h2 svg,.ri-head svg,.r-head svg,.wing-chip svg,.rc svg,.hc-btns svg{vertical-align:-.16em}.brand-logo svg,.hc-icon svg,.a-icon svg,.w-icon svg{vertical-align:middle}.wiz-head svg{vertical-align:-.2em}.del-btn svg,.chip-x svg,.ri-ic svg,.wiz-x svg{vertical-align:middle}.count-badge svg,.rec-badge svg,.src-badge svg,.s-done svg{vertical-align:-.12em}.ai-prompt-modal{width:min(540px,100%)}.apm-label{font-size:12.5px;font-weight:800;color:var(--navy);margin:16px 0 8px}.apm-label small{color:var(--sub);font-weight:600}.preset-chips{display:flex;gap:8px;flex-wrap:wrap}.preset-chip{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:14px;border:1.5px solid var(--line);background:#fff;transition:.15s;cursor:pointer}.preset-chip b{font-size:13.5px;color:var(--ink)}.preset-chip small{font-size:11px;color:var(--sub)}.preset-chip:hover{border-color:var(--green)}.preset-chip.on{border-color:var(--green);background:var(--green-soft)}.preset-chip.on b,.preset-chip.on small{color:var(--primary-blue)}.style-chip{display:inline-flex;align-items:center;height:38px;font-size:13px;font-weight:700;padding:0 16px;border-radius:999px;border:1px solid var(--primary-blue);background:#fff;color:var(--primary-blue);transition:.15s;cursor:pointer}.style-chip:hover{background:var(--sub-blue)}.style-chip.on{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.apm-target{margin-top:10px;font-size:12.5px;color:var(--sub);background:#ebf2fe;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.apm-target b{color:var(--primary-blue)}.rec-view-seg{margin:10px 0 2px;max-width:340px}.rec-group-row td{background:var(--green-soft);border-top:2px solid #EBF2FE;font-size:13px;color:var(--navy);padding:9px 14px}.rec-group-row td b{color:var(--primary-blue)}.rec-group-row svg{vertical-align:-.14em;color:var(--primary-blue)}.rec-group-act{margin-left:10px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%;display:inline-block;vertical-align:bottom}.rec-group-n{float:right;font-size:11.5px;font-weight:800;color:var(--primary-blue);background:#fff;border-radius:999px;padding:2px 10px}.rand-assigned-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;border-radius:14px;background:var(--green-soft);border:1.5px dashed var(--green);font-size:13.5px;color:var(--navy)}.rand-assigned-note svg{color:var(--primary-blue)}.rand-assigned-note b{color:var(--primary-blue)}.rand-assigned-note small{flex-basis:100%;color:var(--sub);font-size:12px}.pin-btn{position:absolute;top:9px;left:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffffffbf;color:#8d95a5;cursor:pointer;transition:.15s;z-index:2}.pin-btn:hover{background:#fff;color:var(--green-deep);transform:rotate(-12deg)}.pin-btn.on{background:var(--navy);color:var(--lime, #3FD3CB)}#gardenLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.garden-grass{position:absolute;height:32px;opacity:.9}.garden-flower{position:absolute;width:0;height:0;transition:top .3s cubic-bezier(.22,.8,.36,1),left .25s ease,transform .35s ease}.garden-flower svg{position:absolute;overflow:visible}.garden-flower .g-head{transform-box:fill-box;transform-origin:50% 96%;animation:gSway 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--gd, 0s) * -1)}.gf-seed .g-head{animation:none}.gf-seed svg{animation:gFadeIn .45s ease-out backwards}.g-petal{transform-box:fill-box;transform-origin:50% 100%;animation:gPop .55s cubic-bezier(.34,1.56,.64,1) backwards}.g-center{transform-box:fill-box;transform-origin:50% 50%;animation:gPop .4s cubic-bezier(.34,1.56,.64,1) backwards}.garden-butterfly{position:absolute;width:0;height:0;transition:top .45s ease,left .45s ease;animation:gBob 2.6s ease-in-out infinite alternate}.garden-butterfly svg{position:absolute;width:44px;height:44px;left:-22px;top:-14px;overflow:visible}.g-wing-l{transform-box:fill-box;transform-origin:100% 55%;animation:gFlap .45s ease-in-out infinite alternate}.g-wing-r{transform-box:fill-box;transform-origin:0% 55%;animation:gFlap .45s ease-in-out infinite alternate}@keyframes gPop{0%{transform:scale(0)}}@keyframes gSway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.8deg)}}@keyframes gFadeIn{0%{opacity:0}}@keyframes gBob{0%{transform:translateY(-3px) rotate(-8deg)}to{transform:translateY(3px) rotate(7deg)}}@keyframes gFlap{to{transform:scaleX(.55)}}.g-spark{animation:gTwinkle 1.8s ease-in-out infinite alternate}@keyframes gTwinkle{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion: reduce){.garden-flower .g-head,.gf-seed svg,.g-petal,.g-center,.g-spark,.garden-butterfly,.g-wing-l,.g-wing-r{animation:none}}.hero-garden{position:relative;width:min(480px,92%);height:106px;margin:16px auto 0;pointer-events:none}.hero-garden:after{content:"";position:absolute;left:5%;right:5%;top:92px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(50,196,183,.4) 18% 82%,transparent)}.hero-garden .garden-flower{transition:none}.hero-garden .garden-flower svg{transform-box:fill-box;transform-origin:50% 96%;animation:hgGrow .7s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--hgd, 0s)}@keyframes hgGrow{0%{opacity:0;transform:scale(.1)}}.hero-garden .garden-butterfly{left:8%;top:34px;--fly: min(330px, 60vw);animation:hgFly 11s ease-in-out infinite alternate}@keyframes hgFly{0%{transform:translate(0) rotate(7deg)}30%{transform:translate(calc(var(--fly) * .32),-13px) rotate(-13deg)}55%{transform:translate(calc(var(--fly) * .58),6px) rotate(11deg)}80%{transform:translate(calc(var(--fly) * .84),-9px) rotate(-11deg)}to{transform:translate(var(--fly),2px) rotate(8deg)}}@media (prefers-reduced-motion: reduce){.hero-garden .garden-flower svg,.hero-garden .garden-butterfly,.home-card{animation:none}}.cbp{--acc: var(--cbp-accent, #0066FF);--acc-deep: color-mix(in srgb, var(--acc), #111111 30%);--acc-soft: color-mix(in srgb, var(--acc), #fff 90%);--cbp-ink: #111111;--cbp-sub: #5C6270;--cbp-fill: #F2F3F5;--cbp-line: #E6EAF0;color:var(--cbp-ink);font-size:15.5px}.cbp button{border:none}.cbp-header{padding:34px 40px 0;margin-bottom:26px}.cbp-title{margin-bottom:22px}.cbp-content{background:#fff;border-radius:22px;padding:32px 40px 40px;box-shadow:0 8px 30px #1111110d}.cbp-content.flat{background:transparent;box-shadow:none;padding:0 40px 40px}.cbp-title h1{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:800;letter-spacing:-.4px;color:#111}.cbp-title-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--acc);color:#fff}.cbp-title p{font-size:17px;color:var(--cbp-sub);margin-top:10px}.cbp-tabs{display:flex;gap:40px;margin-bottom:0;padding-left:2px}.cbp-tabs button{position:relative;font-size:21px;font-weight:800;color:#5c6270;padding:6px 2px 20px;transition:.14s}.cbp-tabs button:hover{color:#111}.cbp-tabs button.on{color:var(--acc-deep)}.cbp-tabs button.on:after{content:"";position:absolute;left:2px;right:2px;bottom:4px;height:3px;border-radius:999px;background:var(--acc)}.cbp-home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.cbp-home-head h2{display:flex;align-items:center;gap:9px;font-size:20px;color:#111}.cbp-home-head h2 i{font-style:normal;font-size:14px;color:var(--acc-deep);background:var(--acc-soft);border-radius:999px;padding:3px 12px}.cbp-home-back{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:var(--cbp-sub);padding:6px 12px 6px 8px;border-radius:10px;margin-bottom:12px}.cbp-home-back:hover{color:var(--acc-deep);background:var(--acc-soft)}.cbp-modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#11111173;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.cbp-modal{width:min(440px,100%);background:#fff;border-radius:20px;padding:24px 26px;box-shadow:0 24px 60px #1111114d;animation:pop .24s cubic-bezier(.2,.9,.3,1.15)}.cbp-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cbp-modal-head h3{display:flex;align-items:center;gap:8px;font-size:19px;color:#111}.cbp-modal-label{display:block;font-size:13.5px;font-weight:700;color:var(--cbp-sub);margin-bottom:8px}.cbp-modal-input{width:100%;font-size:16px;color:#111;background:var(--cbp-fill);border:1.5px solid transparent;border-radius:12px;padding:12px 14px;outline:none;transition:.12s}.cbp-modal-input:focus{background:#fff;border-color:var(--acc)}.cbp-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.cbp-modal-actions>div{display:flex;gap:8px}.cbp-modal-del{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#ff5d56;padding:9px 12px;border-radius:10px;transition:.13s}.cbp-modal-del:hover{background:#fef0f4}.cbp-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cbp-ccard{display:flex;flex-direction:column;gap:14px;text-align:left;background:#f2f3f5;border-radius:18px;padding:22px 24px;transition:.15s}.cbp-ccard:hover{background:#f2f3f5;transform:translateY(-2px);box-shadow:0 8px 20px #11111112}.cbp-ccard>b{font-size:17px;font-weight:800;color:#111;line-height:1.35}.cbp-ccard-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--cbp-sub)}.cbp-ccard-meta span{display:flex;align-items:center;gap:6px}.cbp-ccard-code{font-weight:800;letter-spacing:.5px;color:var(--acc-deep)}.cbp-bar{display:flex;align-items:stretch;gap:12px;margin-bottom:18px}.cbp-dd-wrap{position:relative;flex:1;min-width:0}.cbp-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:21px;font-weight:800;letter-spacing:-.2px;color:#111;background:var(--cbp-fill);padding:13px 18px;border-radius:14px;transition:.13s}.cbp-dd-btn:hover{background:#e6eaf0}.cbp-dd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbp-dd-btn svg{flex:none;color:var(--cbp-sub)}.cbp-gear{display:grid;place-items:center;width:54px;flex:none;border-radius:14px;background:var(--cbp-fill);color:var(--cbp-sub);transition:.13s}.cbp-gear:hover{background:var(--acc-soft);color:var(--acc-deep)}.cbp-icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#8d95a5;transition:.13s}.cbp-icon-btn:hover{background:var(--cbp-fill);color:var(--cbp-ink)}.cbp-dd-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.cbp-dd{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:41;background:#fff;border-radius:16px;padding:7px;box-shadow:0 16px 44px #1111112e;animation:pop .18s cubic-bezier(.2,.9,.3,1.15)}.cbp-dd-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-radius:11px;padding:11px 13px;font-size:15px;transition:.12s}.cbp-dd-item:hover{background:var(--cbp-fill)}.cbp-dd-item b{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbp-dd-item small{color:var(--cbp-sub);font-size:13px}.cbp-dd-item.on{background:var(--acc-soft)}.cbp-dd-item.on svg{color:var(--acc-deep)}.cbp-dd-item.new{color:var(--acc-deep);font-weight:800;justify-content:center}.cbp-info{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;background:#f2f3f5;border-radius:18px;padding:20px 22px;margin-bottom:30px}.cbp-info-item{display:flex;align-items:center;gap:13px;flex:1;min-width:170px;padding:4px 12px}.cbp-info-item+.cbp-info-item{border-left:1px solid #E6EAF0}.cbp-info-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--acc-soft);color:var(--acc-deep);flex:none}.cbp-info-item>div{min-width:0}.cbp-info-item small{display:block;font-size:12.5px;color:var(--cbp-sub);margin-bottom:3px}.cbp-info-item b{display:block;font-size:16px;font-weight:800;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbp-info-item.code{flex:1.7;min-width:210px}.cbp-info-item.code input{width:100%;font-size:18px;font-weight:900;letter-spacing:1px;color:#111;background:transparent;border:none;outline:none;padding:0}.cbp-info-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--acc-deep);background:#fff;flex:none}.cbp-info-btn:hover{background:var(--acc-soft)}.cbp-screen-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.cbp-screen-head h2{display:flex;align-items:center;gap:9px;font-size:20px;color:#111}.cbp-screen-head h2 i{font-style:normal;font-size:14px;color:var(--acc-deep);background:var(--acc-soft);border-radius:999px;padding:3px 12px}.cbp-tools{display:flex;align-items:center;gap:8px}.cbp-tool-label{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--cbp-sub);font-weight:600}.cbp-primary,.cbp-ghost{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14.5px;border-radius:11px;padding:10px 17px;transition:.14s}.cbp-primary{background:var(--acc);color:#fff}.cbp-primary:hover{background:var(--acc-deep)}.cbp-ghost{background:var(--cbp-fill);color:#5c6270}.cbp-ghost:hover{background:#e6eaf0}.cbp-ghost.sm{padding:7px 13px;font-size:13.5px;border-radius:9px}.cbp-ghost.dark{background:#ffffff1f;color:#e6eaf0}.cbp-ghost.dark:hover{background:#fff3}.cbp-go{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:800;color:var(--acc-deep);border-radius:9px;padding:7px 11px}.cbp-go:hover{background:var(--acc-soft)}.cbp-link{color:var(--acc-deep);font-weight:800;text-decoration:underline;font-size:inherit}.cbp-live{font-style:normal;font-size:11px;font-weight:800;color:#32c4b7;background:#e7f9ef;border-radius:999px;padding:2.5px 9px;margin-left:7px}.cbp-cols,.cbp-row{display:grid;grid-template-columns:72px 1fr 110px 124px 38px;gap:12px;align-items:center}.cbp-cols{padding:0 2px 11px}.cbp-cols i{font-style:normal;font-size:12.5px;font-weight:700;color:#8d95a5}.cbp-rows{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:9px}.cbp-row input,.cbp-row select{width:100%;border:none;background:var(--cbp-fill);border-radius:12px;padding:12px 15px;font-size:15.5px;outline:none;transition:.12s}.cbp-row input:hover,.cbp-row select:hover{background:#e6eaf0}.cbp-row input:focus,.cbp-row select:focus{background:#fff;outline:2px solid var(--acc)}.cbp-row input.pin{font-weight:800;letter-spacing:3px;text-align:center}.cbp-row-x{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#c2c8d3}.cbp-row-x:hover{background:#fef0f4;color:#ff5d56}.cbp-addstu{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:12px;background:var(--acc-soft);border-radius:12px;color:var(--acc-deep);font-weight:800;font-size:14.5px;transition:.13s}.cbp-addstu:hover{background:color-mix(in srgb,var(--acc),#fff 82%)}.cbp-hint{font-size:13px;color:#8d95a5;margin-top:13px;line-height:1.65}.cbp-svc-list{display:flex;flex-direction:column;gap:9px}.cbp-svc-row{display:flex;align-items:center;gap:15px;background:#f2f3f5;border-radius:16px;padding:15px 18px;transition:.13s}.cbp-svc-row.off{opacity:.62}.cbp-svc-row.off:hover{opacity:.85}.cbp-sc-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;flex:none}.cbp-svc-name{flex:1;min-width:0}.cbp-svc-name b{display:flex;align-items:center;font-size:16px;color:#111}.cbp-svc-name small{display:block;font-size:13.5px;color:var(--cbp-sub);margin-top:3px}.cbp-toggle{flex:none;width:42px;height:24px;border-radius:999px;background:#c2c8d3;position:relative;transition:.16s}.cbp-toggle i{position:absolute;top:3px;left:3.5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.16s;box-shadow:0 1px 3px #0003}.cbp-toggle.on{background:var(--acc)}.cbp-toggle.on i{left:20.5px}.cbp-report{display:grid;grid-template-columns:176px 1fr;gap:22px;align-items:start}.cbp-report-main{min-width:0}.cbp-svc-col{display:flex;flex-direction:column;gap:8px}.cbp-svc-chip{display:flex;align-items:center;gap:9px;width:100%;font-size:15px;font-weight:800;color:var(--cbp-ink);background:var(--cbp-fill);border-radius:12px;padding:13px 16px;transition:.14s}.cbp-svc-chip:hover{background:#e6eaf0}.cbp-svc-chip.on{color:#fff!important}@media (max-width: 720px){.cbp-report{grid-template-columns:1fr}.cbp-svc-col{flex-direction:row;flex-wrap:wrap}.cbp-svc-chip{width:auto}}.cbp-overview{background:#f2f3f5;border-radius:16px;padding:18px 22px;margin-bottom:16px}.cbp-ov-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.cbp-ov-rate{display:flex;align-items:baseline;gap:10px}.cbp-ov-rate b{font-size:34px;font-weight:900;letter-spacing:-.8px}.cbp-ov-rate small{font-size:14px;color:var(--cbp-sub)}.cbp-ov-rate em{font-style:normal;font-weight:800;color:var(--cbp-ink)}.cbp-ov-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#e6eaf0;margin:15px 0 12px}.cbp-ov-bar i{transition:width .35s cubic-bezier(.3,.9,.4,1)}.cbp-ov-bar i.done{background:#32c4b7}.cbp-ov-bar i.doing{background:#ffb752}.cbp-ov-legend{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--cbp-sub)}.cbp-ov-legend span{display:flex;align-items:baseline;gap:6px}.cbp-ov-legend b{font-size:19px;font-weight:900}.cbp-ov-legend em{font-style:normal;font-size:12.5px;color:#8d95a5}.cbp-ov-legend .done b{color:#32c4b7}.cbp-ov-legend .doing b{color:#ffb752}.cbp-ov-legend .none b{color:#8d95a5}.cbp-ov-legend .cbp-live{margin-left:auto}.cbp-md{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}.cbp-md-list{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto;padding:3px}.cbp-md-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:#f2f3f5;border-radius:12px;padding:11px 15px;transition:.12s}.cbp-md-item:hover{background:#f2f3f5}.cbp-md-item.on{background:var(--acc-soft);box-shadow:inset 0 0 0 2px var(--acc)}.cbp-md-item b{flex:1;font-size:15.5px;font-weight:700}.cbp-dot{width:12px;height:12px;border-radius:50%;flex:none}.cbp-dot.done{background:#32c4b7}.cbp-dot.doing{background:#ffb752}.cbp-dot.none{background:#c2c8d3}.cbp-md-detail{position:sticky;top:8px;background:#f2f3f5;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}.cbp-md-stu{display:flex;align-items:center;gap:13px}.cbp-md-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:20px;font-weight:800;flex:none}.cbp-md-stu b{display:block;font-size:18px;margin-bottom:6px}.cbp-md-desc{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.6;color:#5c6270;background:#fff;border-radius:13px;padding:14px 16px}.cbp-md-desc .cbp-sc-ico{flex:none}.cbp-md-desc b{color:var(--cbp-ink)}.cbp-vs-recs{background:#fff;border-radius:13px;padding:14px 16px}.cbp-vs-head{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--cbp-ink, #111111);margin-bottom:10px}.cbp-vs-head i{font-style:normal;font-size:12px;font-weight:700;color:#5c6270;margin-left:auto}.cbp-vs-sample{font-style:normal;font-size:10.5px;font-weight:800;color:var(--gray-80);background:#fef7dd;border-radius:999px;padding:2px 8px}.cbp-vs-cnt{margin-left:auto;flex:none;font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 9px}.cbp-pill.vs{color:#5c6270;background:#f2f3f5}.cbp-vs-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.cbp-vs-rec{display:flex;flex-direction:column;gap:2px;background:#f2f3f5;border-radius:10px;padding:9px 12px}.cbp-vs-rec small{font-size:11.5px;font-weight:700;color:#8d95a5}.cbp-vs-rec span{font-size:13.5px;line-height:1.55;color:var(--cbp-ink, #111111);word-break:keep-all}.cbp-vs-empty{font-size:13px;line-height:1.6;color:#8d95a5;word-break:keep-all}.cbp-md-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;color:#fff;font-weight:800;font-size:15.5px;border-radius:13px;padding:14px;transition:.14s}.cbp-md-go:hover{filter:brightness(.94)}.cbp-md-detail .cbp-ghost{justify-content:center;width:100%}.cbp-rep-no{font-style:normal;font-size:13px;font-weight:800;color:var(--acc-deep);background:#fff;border-radius:8px;padding:3px 10px}.cbp-pill{font-size:13px;font-weight:800;border-radius:999px;padding:4.5px 13px}.cbp-pill.done{background:#e7f9ef;color:#32c4b7}.cbp-pill.doing{background:#fef7dd;color:#ffb752}.cbp-pill.none{background:#f2f3f5;color:#8d95a5}.cbp-blank{display:flex;flex-direction:column;align-items:center;gap:13px;color:#8d95a5;text-align:center;padding:64px 20px;font-size:15px;line-height:1.7}.cbp-blank.sm{display:block;padding:30px 10px;font-size:14px}.cbp-savebar{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111;color:#e6eaf0;border-radius:15px;padding:11px 13px 11px 20px;font-size:14.5px;margin-top:18px;box-shadow:0 12px 30px #11111152;animation:pop .25s cubic-bezier(.2,.9,.3,1.2)}.cbp-savebar>span{display:flex;align-items:center;gap:8px}.cbp-savebar>div{display:flex;gap:8px}@media (max-width: 640px){.cbp-cols,.cbp-row{grid-template-columns:56px 1fr 84px 96px 30px}.cbp-info-item{min-width:130px}.cbp-info-item+.cbp-info-item{border-left:none}.cbp-md{grid-template-columns:1fr}.cbp-md-detail{position:static}.cbp-ov-legend{gap:12px}}.cbp-window{min-height:100vh;display:flex;flex-direction:column;background:#ebf2fd}.cbp-win-top{display:flex;align-items:center;justify-content:space-between;padding:16px 28px}.cbp-win-brand{display:flex;align-items:center;gap:9px;font-size:16px;color:#111}.cbp-win-brand b{color:#06f}.cbp-win-ico{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#06f;color:#fff}.cbp-win-badge{font-size:11px;font-weight:700;color:#06f;background:#ebf2fe;border-radius:999px;padding:3px 10px}.cbp-win-user{display:flex;align-items:center;gap:6px;font-size:13px;color:#5c6270;font-weight:600}.cbp-win-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:22px 28px 56px}.cbp-win-main>.cbp{background:transparent}.cbp-win-foot{text-align:center;font-size:11.5px;color:#8d95a5;padding:14px 0 22px}.picker-modal{width:min(560px,100%)}.picker-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:260px;overflow:auto}.picker-card{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;transition:.12s}.picker-card:hover{border-color:#0066ff4d}.picker-card.sel{border-color:var(--primary-blue);background:var(--green-soft)}.picker-card .pc-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2f3f5;color:var(--sub);flex:none}.picker-card.sel .pc-check{background:var(--primary-blue);color:#fff}.picker-card .pc-body b{display:block;font-size:15px}.picker-card .pc-body small{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--sub);margin-top:3px}.soft-btn.classbox-btn{border-color:var(--primary-blue);background:#fff;color:var(--primary-blue)}.soft-btn.classbox-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--sub-blue)}.base-select-btn,.base-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:300;line-height:1.3;cursor:pointer;transition:.15s;max-width:100%}.base-select-btn{background:#ffffffb8;border:1.5px dashed rgba(17,17,17,.22);color:var(--sub)}.base-select-btn:hover{border-color:var(--green);color:var(--green-deep, #0046B8);background:#fff}.base-chip{background:#fff;border:1.5px solid var(--green);color:var(--navy);overflow:hidden}.base-chip .bc-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-chip b{color:var(--primary-blue, #0046B8);flex:none}.base-chip:hover{border-color:var(--green-deep, #0046B8)}.area-card.has-base{border-style:solid}.modal.mode-choice-modal{width:min(640px,100%)}.mode-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:14px 0 12px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:20px 22px;border-radius:16px;border:2px solid var(--line);background:#fff;transition:.16s}.mode-card:hover{border-color:var(--green);background:#ebf2fe;transform:translateY(-2px)}.mode-card .mc-icon{width:46px;height:46px;border-radius:13px;background:#ebf2fe;color:var(--green);display:grid;place-items:center}.mode-card b{font-size:16px;color:var(--navy);font-weight:800}.mode-card .mc-desc{font-size:12.5px;line-height:1.65;color:var(--sub)}.mode-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:var(--green);background:#ebf2fe;border-radius:999px;padding:3px 10px;margin-left:8px;vertical-align:middle}.base-mode-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px 16px;border-radius:14px;background:#ebf2fe;border:1.5px solid rgba(0,102,255,.35);font-size:13px;color:var(--navy);line-height:1.55}.base-mode-note>span{flex:1;min-width:220px}.base-mode-note .soft-btn{flex:none}.modal.base-modal{width:min(960px,95vw);height:88vh;display:flex;flex-direction:column;overflow-y:auto}.bm-body{display:flex;gap:24px;margin-top:16px;flex:1;min-height:0}.bm-left,.bm-right{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.bm-left{background:var(--gray-5);border-radius:12px;padding:16px;overflow-y:auto}.bm-left-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--sub);font-size:14px;text-align:center;line-height:1.6}.base-list{margin-top:12px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.base-item{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 13px;border-radius:13px;border:1.5px solid var(--line);background:#fff;transition:.15s;font-size:13.5px;line-height:1.6;color:var(--navy)}.base-item:hover{border-color:#0066ff80;background:#ebf2fe}.base-item.on{border-color:var(--green);background:var(--green-soft)}.base-item .bi-no{flex:none;width:22px;height:22px;border-radius:50%;background:var(--gray-10);color:var(--sub);font-size:11.5px;font-weight:800;display:grid;place-items:center;margin-top:1px}.base-item.on .bi-no{background:var(--green);color:#fff}.base-item .bi-code{flex:none;font-size:11px;font-weight:800;letter-spacing:.2px;color:var(--sub);background:var(--gray-10);border-radius:7px;padding:3px 8px}.base-item.on .bi-code{background:var(--green);color:#fff}.base-search{margin-top:10px;width:100%;padding:9px 13px;border:1.5px solid var(--line);border-radius:11px;font-size:13.5px;color:var(--navy);background:#fff}.base-search:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #0066ff1f}.base-item .bi-text{flex:1}.base-item .bi-check{flex:none;color:var(--green)}.base-preview{flex:none}.bp-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:var(--sub);padding:4px 8px;border-radius:8px}.bp-toggle:hover{color:var(--navy);background:var(--gray-10)}.bp-rows{margin-top:8px;display:flex;flex-direction:column;gap:7px}.bp-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.6;color:var(--navy)}.bp-badge{flex:none;color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px;margin-top:2px;min-width:58px;text-align:center}.bp-row .bp-text{flex:1}.bp-text .bp-line{display:block}.bp-text .bp-line+.bp-line{margin-top:4px;padding-top:4px;border-top:1px dashed var(--line)}.ai-btn.busy svg{animation:aiSpin 1.1s linear infinite}@keyframes aiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-btn.busy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(0,102,255,.18) 50%,transparent 70%);background-size:220% 100%;animation:aiShimmer 1.4s linear infinite;pointer-events:none}@keyframes aiShimmer{0%{background-position:180% 0}to{background-position:-80% 0}}.ai-stop{border-color:#ff5d568c!important;color:#ff5d56!important;font-weight:800}.ai-stop:hover{background:#fef0f4!important;border-color:#ff5d56!important}body.ai-appear .ai-btn{animation:aiBtnIn .55s cubic-bezier(.34,1.56,.64,1) backwards,aiBtnHalo 1.1s ease-out .15s backwards}@keyframes aiBtnIn{0%{opacity:0;transform:scale(.55);filter:blur(3px)}60%{filter:none}to{opacity:1;transform:scale(1)}}@keyframes aiBtnHalo{0%{box-shadow:0 0 #0066ff80}to{box-shadow:0 0 0 12px #06f0}}body.ai-appear .ai-btn:before{content:"✦";position:absolute;top:-7px;right:-5px;font-size:12px;line-height:1;color:var(--primary-blue);opacity:0;pointer-events:none;animation:aiBtnSpark 1s ease-out .3s backwards}@keyframes aiBtnSpark{0%{opacity:0;transform:scale(.2) rotate(-40deg)}35%{opacity:1;transform:scale(1.25) rotate(8deg)}to{opacity:0;transform:translateY(-11px) scale(.5) rotate(45deg)}}@media (prefers-reduced-motion: reduce){.ai-btn.busy,.ai-btn.busy svg,.ai-btn.busy:after,body.ai-appear .ai-btn,body.ai-appear .ai-btn:before{animation:none}}.primary-btn:disabled,.primary-btn[disabled]{background:var(--gray-10);color:var(--gray-60);cursor:default;transform:none;box-shadow:none}.soft-btn:disabled,.ghost-btn:disabled,.mini-btn:disabled,.home-btn:disabled{background:#fff;border-color:var(--gray-20);color:var(--gray-40);cursor:default;transform:none;box-shadow:none}.mini-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px}.bar-select,.subject-form select,.rec-filter,.rand-label select,.cre-select,.modal-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--primary-blue);border-radius:10px;background-color:#fff;color:var(--gray-100);font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6l5 5 5-5' stroke='%230066FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:34px;cursor:pointer}.bar-select:focus,.subject-form select:focus,.rec-filter:focus,.rand-label select:focus,.cre-select:focus,.modal-field select:focus{outline:none;border-color:var(--primary-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 10l5-5 5 5' stroke='%230066FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.gnb-band{position:absolute;top:100%;left:0;right:0;z-index:55;background:#fff;border-bottom:1px solid var(--gray-20);box-shadow:0 18px 28px #0000000f;animation:fadeIn .16s ease-out}.gnb-col{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 24px}.gnb-item{padding:8px 18px;font-size:15px;font-weight:500;color:var(--gray-100);white-space:nowrap;text-align:center;border-radius:8px;transition:.15s}.gnb-item:hover{color:var(--primary-blue)}.gnb-item.on{color:var(--primary-blue);font-weight:700}.primary-btn,.soft-btn,.ghost-btn,.wizard-btn,.wsc-go,.home-btn.hb-primary,.home-btn.hb-secondary,.style-chip,.cbp-primary,.cbp-ghost,.bar-select,.rec-filter,.subject-form select,.rand-label select,.cre-select,.modal-field select{height:44px;font-weight:500}.ghost-btn,.cbp-primary,.cbp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px}.mini-btn,.level-quick,.level-chip,.seg button,.gnb-item,.nav-dd-menu button{font-weight:500}.wiz-nav .soft-btn,.wiz-nav .primary-btn{height:28px;font-weight:500}.cbp-ghost.sm{height:34px;font-weight:500}.records-screen,.students-screen{max-width:1200px}.student-table th,.student-table .no-cell,.student-table td:nth-child(2){white-space:nowrap}.anon-form input[type=number]{flex:1;width:auto}.site-foot{margin-top:40px;background:#fff}.sf-cs{border-top:1px solid var(--gray-20);border-bottom:1px solid var(--gray-20)}.sf-cs-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;padding:16px 28px}.sf-cs-center{display:flex;align-items:baseline;gap:8px;font-size:15px;color:var(--gray-100);font-weight:600}.sf-cs-num{font-size:18px;font-weight:800;color:var(--primary-blue)}.sf-cs-time{font-weight:400;color:var(--gray-80);font-size:14px}.sf-cs-links{display:flex;align-items:center;gap:28px;list-style:none}.sf-cs-links a{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--primary-blue);text-decoration:none}.sf-cs-links a:hover{text-decoration:underline}.sf-body{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:40px 28px 48px;text-align:center}.sf-btns{position:absolute;top:32px;right:28px;display:flex;gap:10px}.sf-buy,.sf-family-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;height:40px;padding:0 16px;border:1px solid var(--primary-blue);border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:var(--gray-100);text-decoration:none;cursor:pointer}.sf-buy svg,.sf-family-btn svg{color:var(--primary-blue)}.sf-family{position:relative}.sf-family-btn{min-width:180px;background:var(--gray-10)}.sf-family-menu{position:absolute;bottom:calc(100% + 8px);right:0;min-width:220px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--gray-20);border-radius:12px;box-shadow:var(--card-shadow),0 12px 28px #0000001a;padding:10px 0;text-align:left;z-index:40}.sf-family-menu a{display:block;padding:7px 18px;font-size:13.5px;color:var(--gray-100);text-decoration:none}.sf-family-menu a:hover{color:var(--primary-blue);background:var(--gray-10)}.sf-family-group{display:block;padding:10px 18px 4px;font-size:12px;font-weight:700;color:var(--gray-60)}.sf-logo img{height:30px;width:auto}.sf-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 32px;margin-top:22px;list-style:none}.sf-links a{font-size:15px;color:var(--gray-100);text-decoration:none}.sf-links a.bold{font-weight:700}.sf-links a:hover{text-decoration:underline}.sf-info{margin-top:22px;font-size:13.5px;line-height:1.9;color:var(--gray-60)}.sf-info span+span{margin-left:24px}.sf-copy{margin-top:8px;letter-spacing:.4px}@media (max-width: 760px){.sf-btns{position:static;justify-content:center;margin-bottom:22px;flex-wrap:wrap}.sf-info span+span{display:block;margin-left:0}}.auth-spinner{width:40px;height:40px;margin:0 auto;border:4px solid #e0e0e0;border-top-color:#4f46e5;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}