:root{--green: #1ed07e;--green-deep: #0eb56a;--green-soft: #e3f8ec;--lime: #c8f169;--navy: #16202e;--navy-2: #233247;--ink: #28323f;--sub: #7a8794;--line: #e6ebf0;--bg: #f7fafc;--card-blue: #e8f1fe;--card-mint: #e3f8ec;--card-yellow: #fdf6df;--card-pink: #fdedf1;--card-purple: #efeafb;--card-cyan: #e4f6f8;--card-orange: #ffefe3;--card-green2: #edf5e3;--radius: 22px;--shadow: 0 10px 30px rgba(22, 32, 46, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Pretendard Variable,Pretendard,-apple-system,Malgun Gothic,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(140,190,255,.14),transparent 34%),radial-gradient(circle at 88% 20%,rgba(30,208,126,.13),transparent 38%),radial-gradient(circle at 80% 90%,rgba(255,170,200,.12),transparent 40%),radial-gradient(rgba(22,32,46,.07) 1.2px,transparent 1.3px) 0 0/26px 26px,var(--bg);min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:15px}::selection{background:var(--lime)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px 28px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px}.brand-logo{font-size:24px}.brand-name{font-size:19px;letter-spacing:-.4px}.brand-name b{color:var(--green-deep)}.brand-tag{font-size:11.5px;font-weight:700;color:#fff;background:var(--navy);border-radius:999px;padding:4px 11px;letter-spacing:.2px}.steps{display:flex;gap:3px;margin:0 auto;flex-wrap:wrap}.step-btn{display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--sub);transition:.2s;white-space:nowrap}.step-btn .step-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9eef3;color:var(--sub);font-size:12px;font-weight:800;transition:.2s}.step-btn:hover{background:#eef4f1}.step-btn.active{background:var(--navy);color:#fff}.step-btn.active .step-num{background:var(--green);color:var(--navy)}.ghost-btn{font-size:13px;font-weight:600;color:var(--sub);padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;transition:.2s}.ghost-btn:hover{border-color:#f3b1b1;color:#d95454}.wizard-btn{font-size:13px;font-weight:800;color:var(--navy);padding:8px 14px;border-radius:999px;background:var(--green);box-shadow:0 4px 12px #1ed07e59;transition:.2s;white-space:nowrap}.wizard-btn:hover{background:var(--green-deep);color:#fff;transform:translateY(-1px)}.nav-dd{position:relative}.nav-dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;width:max-content;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 14px 34px #16202e29;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:60;animation:pop .18s cubic-bezier(.2,.9,.3,1.2)}.nav-dd-menu button{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--ink);text-align:left;white-space:nowrap;transition:.15s}.nav-dd-menu button:hover{background:var(--green-soft);color:var(--green-deep)}.nav-dd-menu button.on{background:var(--navy);color:#fff}.step-btn.feeder{color:var(--green-deep)}.step-btn.feeder .step-num,.step-btn.feeder svg{color:var(--green-deep)}.step-btn.feeder.active{background:var(--green-deep);color:#fff}.ghost-btn.danger:hover{border-color:#f3b1b1;color:#d95454}.wizard{position:fixed;right:22px;bottom:22px;z-index:96;width:400px;max-width:calc(100vw - 44px);background:#fff;border-radius:20px;border:2px solid var(--green);box-shadow:0 20px 54px #16202e47;display:flex;flex-direction:column;overflow:hidden;animation:pop .35s cubic-bezier(.2,.9,.3,1.2);max-height:calc(100vh - 100px)}.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}.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:#9fb0c0;font-size:14px;padding:2px 6px;border-radius:8px;transition:.15s}.wiz-x:hover{color:#fff;background:#ffffff26}.wiz-title{font-size:15.5px;font-weight:800;color:var(--navy);padding:14px 16px 0;letter-spacing:-.3px}.wiz-body{font-size:13px;line-height:1.75;color:var(--ink);padding:8px 16px 4px;overflow-y:auto;word-break:keep-all}.wiz-body b{color:var(--green-deep)}.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(--green-deep)}.wiz-actions .wiz-act:hover{background:var(--green-soft)}.wiz-hint{margin:8px 16px 0;font-size:11.5px;font-weight:700;color:#a06b2a;background:#fdf6df;border:1px solid #f0e3b8;border-radius:10px;padding:7px 11px}.wiz-nav{display:flex;align-items:center;gap:10px;padding:12px 16px 14px}.wiz-nav .soft-btn,.wiz-nav .primary-btn{font-size:12.5px;padding:8px 14px}.wiz-nav .soft-btn:disabled{opacity:.4;cursor:default}.wiz-nav .primary-btn{margin-left:auto}.wiz-dots{display:flex;gap:4px;margin:0 auto}.wiz-dots i{width:7px;height:7px;border-radius:50%;background:#e3e9ee;transition:.2s}.wiz-dots i.done{background:#bfe4cf}.wiz-dots i.on{background:var(--green);transform:scale(1.35)}.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:#1ed07ee6}50%{outline-color:#1ed07e59}}.screen{display:none;max-width:1600px;margin:0 auto;padding:34px 28px 80px}.screen.active{display:block}#screen4.active{max-width:1600px;padding:20px 22px 40px}.hero{text-align:center;margin:26px 0 40px}.hero.small{margin:8px 0 28px}.hero h1{font-size:46px;line-height:1.2;letter-spacing:-1.5px;color:var(--navy);font-weight:800}.hero.small h1{font-size:34px}.hero h1 em{font-style:normal;color:var(--green-deep);background:linear-gradient(transparent 62%,var(--lime) 62% 92%,transparent 92%);padding:0 4px}.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 rgba(230,235,240,.7)}.panel h2{font-size:17px;letter-spacing:-.3px;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(--green-deep)}.primary-btn{background:var(--green);color:var(--navy);font-weight:800;font-size:14.5px;padding:11px 20px;border-radius:999px;transition:.18s;box-shadow:0 6px 16px #1ed07e59}.primary-btn:hover{background:var(--green-deep);color:#fff;transform:translateY(-1px)}.primary-btn.big{padding:14px 28px;font-size:15.5px}.soft-btn{background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;transition:.18s}.soft-btn:hover{border-color:var(--green);color:var(--green-deep);background:var(--green-soft)}.btn-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-row.right{justify-content:flex-end}.count-badge{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--green-deep);background:var(--green-soft);border-radius:999px;padding:4px 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:#fbfdfe}.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:#f4f8f9;padding:10px 14px;position:sticky;top:0}.student-table td{padding:10px 14px;border-top:1px solid #f0f4f6}.student-table .no-cell{font-weight:800;color:var(--green-deep);width:56px}.mod-chips{display:inline-flex;flex-wrap:wrap;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:#eef2f5;color:#a7b2bd;white-space:nowrap}.mod-chips .mc.mid{background:#fdf6df;color:#c9962a}.mod-chips .mc.ok{background:var(--green-soft);color:var(--green-deep)}.del-btn{color:#c9d2da;font-size:16px;transition:.15s;border-radius:8px;padding:2px 8px}.del-btn:hover{color:#e05b5b;background:#fdeeee}.empty-note{text-align:center;color:#a9b4bf;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 rgba(230,235,240,.7)}.tabs{display:flex;gap:8px;border-bottom:1.5px solid var(--line);padding-bottom:14px}.tab{padding:10px 18px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--sub);transition:.18s}.tab:hover{background:#f1f6f4}.tab.active{background:var(--navy);color:#fff}.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:#fbfdfe;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:18px 16px;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 #16202e12}.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:#e05b5b}.wheel-layout{display:grid;grid-template-columns:225px minmax(0,1fr) 400px;gap:18px;align-items:start}.side-panel,.result-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(230,235,240,.7);padding:18px;max-height:calc(100vh - 130px);overflow:auto;position:sticky;top:78px}.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}.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:#f2f7f5}.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:#eef2f5;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(--green-deep);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 rgba(230,235,240,.7);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,#f4faf7 55%,#eef5f2);box-shadow:var(--shadow);border:1px solid rgba(230,235,240,.8);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 #16202e1f;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 10px 26px #0eb56a59}.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:#c9d2da;border:1.5px solid var(--line);box-shadow:0 3px 8px #16202e24;opacity:0;transition:.15s}.wing-card:hover .w-del{opacity:1}.wing-card .w-del:hover{color:#d95454;border-color:#f3b1b1;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:-.3px;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:#eef2f5;color:#9aa6b1;transition:.2s}.wing-card .w-level.on{background:var(--navy);color:var(--lime)}.wing-card.pickable{cursor:pointer}.wing-card.pickable:hover{box-shadow:0 10px 26px #0eb56a4d;transform:translate(-50%,-50%) scale(1.04)}.wing-card.pickable .w-sub{color:var(--green-deep);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 #16202e38;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:#f2f7f5}.sub-menu .sm-item.on{background:var(--green-soft);color:var(--green-deep)}.sub-menu .sm-item.danger{color:#d95454;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}.sub-menu .sm-item.danger:hover{background:#fdedf1}.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 #16202e59,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(--green);letter-spacing:1px}.center-name{font-size:21px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.wheel-guide{text-align:center;color:var(--sub);font-size:13.5px;margin-top:12px}.wheel-guide b{color:var(--green-deep)}.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:#fbfdfe;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:linear-gradient(135deg,#eafcf2,#f3fbff);border:2px solid var(--green);box-shadow:0 8px 22px #1ed07e2e}.result-card.rec-card{background:#f9fdfb;border:1.5px dashed #bfe4cf}.result-card.rec-card .r-head{color:var(--green-deep)}.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:#d95454;border-color:#f3b1b1}.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 #16202e59}.toast.show{opacity:1;transform:translate(-50%)}.toast b{color:var(--green)}.foot{text-align:center;color:#b3bec8;font-size:11.5px;letter-spacing:1.4px;padding:26px 0 34px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;max-width:1020px;margin:0 auto}.wizard-start-card{display:flex;align-items:center;gap:18px;width:100%;max-width:1020px;margin:0 auto 18px;padding:20px 24px;text-align:left;border-radius:var(--radius);border:2px solid var(--green);background:linear-gradient(105deg,var(--green-soft),#fff 70%);box-shadow:0 10px 28px #1ed07e33;transition:.18s}.wizard-start-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #1ed07e47}.wsc-icon{flex:0 0 auto;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:var(--navy);background:var(--green);box-shadow:0 6px 16px #1ed07e66}.wsc-text{flex:1 1 auto;min-width:0}.wsc-badge{display:inline-block;font-size:11.5px;font-weight:800;color:var(--green-deep);margin-bottom:3px}.wsc-title{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.4px}.wsc-desc{font-size:12.5px;font-weight:600;color:var(--sub);margin-top:3px;word-break:keep-all}.wsc-desc b{color:var(--green-deep)}.wsc-go{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:800;color:#fff;background:var(--navy);border-radius:999px;padding:10px 18px;white-space:nowrap}.home-card{position:relative;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1.5px solid rgba(230,235,240,.8);padding:22px 24px 20px;cursor:pointer;transition:.18s;display:flex;flex-direction:column;gap:4px}.home-card:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 14px 34px #0eb56a29}.hc-group{font-size:10.5px;font-weight:800;letter-spacing:.4px;color:var(--sub);background:#f2f6f8;border-radius:999px;padding:3px 10px;align-self:flex-start}.hc-icon{font-size:34px;margin-top:10px}.hc-name{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.4px;margin-top:2px}.hc-desc{font-size:12.5px;color:var(--sub);line-height:1.5}.hc-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:22px}.hc-stats span{font-size:11px;font-weight:700;color:var(--green-deep);background:var(--green-soft);border-radius:999px;padding:3px 9px}.hc-stats span.warn{color:#a06b2a;background:#fdf6df}.hc-btns{display:flex;gap:8px;margin-top:12px}.home-btn{flex:1;font-size:12.5px;font-weight:800;padding:9px 10px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:.15s;white-space:nowrap}.home-btn:hover{border-color:var(--green);color:var(--green-deep);background:var(--green-soft)}.home-btn.primary{background:var(--green);border-color:var(--green);color:var(--navy)}.home-btn.primary:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.config-drawer{position:relative;margin-bottom:12px;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}.drawer-fold{display:block;margin:0 auto 12px;z-index:2}.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}.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:#f7fafcdb;-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)}.stage-summary{max-width:960px;margin:14px auto 0;padding:18px 22px;border:2px solid var(--green);background:linear-gradient(135deg,#eafcf2,#f3fbff);box-shadow:0 8px 22px #1ed07e24}.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:#0eb56a66;background:#fff}.stage-summary .r-edit:focus{border-color:var(--green);background:#fff}.stage-summary .btn-row{margin-top:8px}.ux-seg{flex:none}.wheel-stage[hidden]{display:none}.bars-stage{position:relative;width:100%;height:420px;max-width:960px;margin:0 auto;border-radius:28px;background:radial-gradient(circle at 50% 30%,#fff,#f4faf7 55%,#eef5f2);box-shadow:var(--shadow);border:1px solid rgba(230,235,240,.8);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:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;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:#c9962a}.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 #f0e3b8;border-radius:12px;background:#fdf6df;font-size:12px;line-height:1.65;color:#7a6428}.rec-issues>b{display:flex;align-items:center;gap:5px;color:#a06b2a;margin-bottom:4px}.rec-issues .ri-row{display:block}.rec-issues .ri-no{display:inline-block;font-weight:800;color:#a06b2a;margin-right:2px}.rec-issues .ri-line{color:#8d7a45;font-weight:600}.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:#fbfdfe;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:#fbfdfe}.stu-check{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink)}.stu-check input{accent-color:var(--green-deep)}.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:#f4f8f9;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:#c9962a}.rec-count-chip .rc.ok{opacity:1;color:var(--green-deep)}.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:#f5fbf8}.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(--green-deep);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,#eafcf2,#f3fbff);border:1.5px solid rgba(30,208,126,.4);border-radius:18px;padding:12px 18px;margin-bottom:12px;box-shadow:var(--shadow)}.bulk-bar .btn-row{margin:0}.bulk-msg{font-size:13.5px;color:var(--ink)}.bulk-msg b{color:var(--green-deep)}.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 #dcefe4;border-radius:16px;background:#f7fcf9;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 #e8f2ec;border-radius:10px;padding:6px 9px}.ri-date{flex:none;font-weight:800;color:var(--green-deep);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:#fdeeee;color:#e05b5b}.ri-empty{font-size:11.5px;color:#a9b4bf;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(--green-deep)}.r-meta i.bad{color:#d95454}.src-badge{font-size:9.5px;font-weight:800;border-radius:999px;padding:2px 8px;background:#efeafb;color:#8a6bd6;letter-spacing:.3px}.src-badge.edit{background:#fdf6df;color:#c9962a}.rec-badge{font-size:9.5px;font-weight:800;border-radius:999px;padding:2px 8px;background:var(--green-soft);color:var(--green-deep)}.ai-btn{position:relative}.ai-btn:hover{border-color:#8a6bd6;color:#8a6bd6;background:#f6f2ff}.ai-btn.busy{border-color:#8a6bd6;color:#8a6bd6;background:#f6f2ff;cursor:wait;animation:aiBusyPulse 1.1s ease-in-out infinite}@keyframes aiBusyPulse{0%,to{box-shadow:0 0 #8a6bd673}50%{box-shadow:0 0 0 6px #8a6bd600}}.ai-notice{margin-top:14px;font-size:11.5px;line-height:1.65;color:#a06b2a;background:#fdf6df;border:1px solid #f0e3b8;border-radius:12px;padding:10px 12px}.ai-notice b{color:#c9660a}.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:#16202e73;-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 #16202e4d;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}.modal h3{font-size:18px;color:var(--navy);margin-bottom:8px}.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:#e9eef3;overflow:hidden}.ai-prog-modal .apm-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-deep));box-shadow:0 0 10px #1ed07e80;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:#fbfdfe;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;padding:8px 14px}.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(--green-deep)}.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(--green-deep);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:#fbfdfe}.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(--green-deep);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:var(--navy);background:var(--green);box-shadow:0 8px 20px #1ed07e66}.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:#fbfdfe;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(--navy);border-color:var(--navy);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 #16202e40;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:#eef2f5;overflow:hidden}.ap-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#8a6bd6);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{flex-wrap:wrap}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:8px 6px;padding:10px 12px}.brand{margin-right:auto}.brand-name{font-size:16px}.brand-tag{display:none}.steps{order:3;width:100%;margin:0;justify-content:flex-start;gap:4px}.step-btn{flex:0 0 auto;padding:7px 11px;font-size:13px}.wizard-btn .btn-txt,.ghost-btn .btn-txt{display:none}.wizard-btn,.ghost-btn{padding:9px 11px}.screen,#screen4.active{padding:18px 13px 60px}.hero.small{margin:4px 0 18px}.hero h1,.hero.small h1{font-size:25px;letter-spacing:-.6px}.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}.bulk-bar,.wheel-toolbar,.result-head{flex-wrap:wrap;gap:8px}.wheel-toolbar .btn-row,.result-head .btn-row{width:100%}.wizard{right:10px;left:10px;bottom:10px;width:auto;max-width:none}.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:#e3f8ec;box-shadow:0 0 0 3px #1ed07e59,0 0 24px #1ed07e40;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 #1ed07e73;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}