/* MISIARIUM 2.3.3 - storybook student spaces; scoped to .ka- classes. */
.ka-shell{position:relative;isolation:isolate;min-height:75vh;background:radial-gradient(circle at 7% 8%,#106376 0,transparent 30%),radial-gradient(circle at 94% 58%,#216384 0,transparent 35%),linear-gradient(155deg,#072c44,#0c5560 60%,#0a364e);padding:28px 0 75px}
.ka-shell:before,.ka-shell:after{content:'✦';position:absolute;color:#9ee4dc;opacity:.26;font-size:5rem;pointer-events:none;z-index:-1}.ka-shell:before{top:10%;left:2%}.ka-shell:after{right:3%;bottom:15%;color:#f5b7c4}
.ka-shell .ka-card{max-width:1180px;background:linear-gradient(180deg,#fdfefa,#f1fbf8);border:2px solid #a5ded4;border-radius:30px;padding:clamp(15px,3vw,28px);box-shadow:0 9px 0 #00374b,0 26px 50px #001c3580;color:#153747}
.ka-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.ka-nav a,.ka-profile-shortcuts a{padding:7px 12px;border-radius:99px;text-decoration:none;font-size:.83rem;font-weight:900;color:#17566a;background:#e4f7f3;border:1px solid #a8d6cb;transition:transform .18s,background .18s}.ka-nav a:hover,.ka-profile-shortcuts a:hover{transform:translateY(-2px);background:#ceefe5}
.ka-banner{position:relative;overflow:hidden;border-radius:24px;padding:clamp(24px,4vw,47px);min-height:225px;display:flex;align-items:center;border:2px solid #ffffff72;box-shadow:0 7px 0 #0002,0 14px 22px #0002;background:#0d6179;color:white;isolation:isolate}
.ka-banner:before{content:'✦ ✧ ✦';position:absolute;right:20%;top:12px;color:#ffda83;opacity:.52;font-size:1.3rem}
.ka-banner:after{content:"";position:absolute;right:2%;top:5%;width:35%;height:94%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:-1;filter:drop-shadow(0 10px 9px #001d3699)}
.ka-banner-bag{background:radial-gradient(circle at 78% 20%,#24ceb3,transparent 48%),linear-gradient(125deg,#075b6a,#0d8177 68%,#22bda3)}.ka-banner-bag:after{background-image:url('home-art/backpack.webp')}
.ka-banner-portfolio{background:radial-gradient(circle at 75% 30%,#c3aaff,transparent 50%),linear-gradient(130deg,#543f9b,#9b67ca 71%,#d4a7ef)}.ka-banner-portfolio:after{background-image:url('home-art/portfolio.webp')}
.ka-banner-riddle{background:radial-gradient(circle at 80% 35%,#fdda5c,transparent 55%),linear-gradient(130deg,#aa5a17,#ec991a 70%,#fcd468)}.ka-banner-riddle:after{background-image:url('home-art/puzzle.webp')}
.ka-banner-calendar{background:radial-gradient(circle at 78% 25%,#bbbaff,transparent 54%),linear-gradient(120deg,#3e59b3,#786bdd 70%,#afa9fa)}.ka-banner-calendar:after{background-image:url('home-art/calendar.webp')}
.ka-banner-content{position:relative;max-width:68%;z-index:1}.ka-banner .ka-kicker{color:#e5fff2}.ka-banner h1{color:#fff;font-size:clamp(1.9rem,4.2vw,3.6rem);letter-spacing:-.035em;margin:9px 0 10px;text-shadow:0 3px 10px #14314b66}.ka-banner p{max-width:590px;font-size:1.08rem;line-height:1.5;margin:0 0 17px;color:#fff}.ka-banner-link{display:inline-block;color:#14314b;background:#d8ffe7;text-decoration:none;font-weight:900;padding:8px 15px;border-radius:99px;box-shadow:0 4px 0 #052c3155;font-size:.9rem}.ka-banner-riddle .ka-banner-link{background:#fff3bd}.ka-banner-calendar .ka-banner-link{background:#efebff}
.ka-kicker{font-size:.74rem;letter-spacing:.11em;font-weight:1000;color:#fff}.ka-kicker.dark{color:#0e776f}.ka-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0 13px}.ka-metric{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:14px 16px;border-radius:17px;border:2px solid #ffffff80;box-shadow:0 5px 0 #00304a0d}.ka-metric>span{grid-row:span 2;font-size:2.1rem}.ka-metric strong{font-size:clamp(1.1rem,2vw,1.7rem);line-height:1.25}.ka-metric small{font-size:.83rem;color:#365969}.ka-metric-green{background:#ceffe1}.ka-metric-gold{background:#fff0bc}.ka-metric-purple{background:#e8dcff}.ka-quota{height:13px;background:#daf0ea;border:1px solid #b2dcd0;border-radius:99px;overflow:hidden;margin:0 0 22px}.ka-quota>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#45d4a8,#ffc563)}
.ka-two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:17px;margin:20px 0}.ka-panel{min-width:0;background:white;border:1px solid #cbe7dc;border-radius:22px;padding:23px;box-shadow:0 7px 0 #246c6c0d,0 13px 21px #1244530a}.ka-panel h2{font-size:clamp(1.28rem,2vw,1.75rem);color:#173c4b;margin:0 0 9px}.ka-panel p{color:#425c66}.ka-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ka-panel-title h2{margin:0}.ka-panel-symbol{font-size:2.3rem;line-height:1.3}.ka-panel .student-form label{color:#264a56}.ka-panel .student-form input,.ka-panel .student-form select,.ka-panel .student-form textarea{max-width:none}.ka-panel-upload{background:linear-gradient(155deg,#fff,#f1fffb)}.ka-panel-help{background:linear-gradient(165deg,#f6eeff,#fff9ec)}.ka-help-book{background:white;border:1px dashed #d7b5df;padding:16px;line-height:2;border-radius:14px;font-weight:800;color:#734982}.ka-tip{background:#fff7db;border:1px solid #f3dea8;border-radius:12px;padding:12px;font-size:.84rem!important;color:#77541c!important}.ka-text-link{color:#087d79;font-weight:900;text-decoration:none}.ka-text-link:hover{text-decoration:underline}.ka-section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:19px}.ka-section-title h2{margin:5px 0 0}.ka-count{padding:7px 14px;border:1px solid #b8d4f2;background:#e6f4ff;color:#16536c;border-radius:99px;font-weight:900;font-size:.84rem}
.ka-panel-files{margin:22px 0}.ka-files-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ka-file{min-width:0;display:grid;grid-template-columns:56px 1fr;gap:10px;background:linear-gradient(120deg,#eefaff,#fff);border:1px solid #c1dfe7;border-radius:17px;padding:14px;box-shadow:0 4px 0 #b2dae755}.ka-file:nth-child(4n+2){background:linear-gradient(120deg,#fff5d6,#fff);border-color:#f0dca3}.ka-file:nth-child(4n+3){background:linear-gradient(120deg,#f1eaff,#fff);border-color:#d9c6fa}.ka-file:nth-child(4n+4){background:linear-gradient(120deg,#e8ffe7,#fff);border-color:#bbdfb2}.ka-file-icon{font-size:2.3rem;display:grid;place-items:center;background:#fff;border-radius:14px;min-width:0}.ka-file-info{min-width:0}.ka-file h3{font-size:.98rem;overflow-wrap:anywhere;margin:2px 0}.ka-file-info p,.ka-file-info small{display:block;margin:0;font-size:.78rem;color:#56707a}.ka-file-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;grid-column:1/-1;margin-top:4px}.ka-file-actions form{margin:0}.ka-file-actions .btn{min-height:34px;padding:5px 12px;font-size:.79rem}
.ka-empty{text-align:center;background:linear-gradient(140deg,#fffbea,#effffb);border:2px dashed #b0dace;padding:28px;border-radius:20px}.ka-empty>span{display:block;font-size:3.7rem}.ka-empty h3{margin:5px 0;color:#16585a}.ka-empty p{margin:0 auto 17px;max-width:500px}.ka-empty-compact{padding:20px;margin-top:20px}
.ka-panel-portfolio{margin:22px 0}.ka-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ka-project{padding:17px;border:2px solid #cfe3f1;border-radius:19px;background:linear-gradient(145deg,#edf7ff,#fff);min-width:0;box-shadow:0 5px 0 #abc9dc66}.ka-project:nth-child(3n+2){background:linear-gradient(145deg,#fdf0ff,#fff);border-color:#e2d0f0}.ka-project:nth-child(3n+3){background:linear-gradient(145deg,#fff6dc,#fff);border-color:#efdbb0}.ka-project-featured{border-color:#caa23e;box-shadow:0 5px 0 #ead397,0 8px 18px #937f1429}.ka-project-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.ka-project-head>span{font-size:2rem}.ka-project-head small{font-size:.71rem;font-weight:900;color:#7c6098}.ka-project h3{font-size:1.2rem;margin:9px 0 5px;color:#193d58}.ka-project>p{font-size:.85rem;margin-bottom:8px}.ka-filelabel{overflow-wrap:anywhere}.ka-project .student-form{margin-bottom:0}.ka-project-actions{display:flex;flex-wrap:wrap;gap:7px}.ka-project-actions .btn{font-size:.82rem;min-height:39px;padding:7px 12px}.ka-note{display:flex;align-items:start;gap:18px;margin-top:18px;border-radius:20px;background:#f7e9ff;padding:21px;border:2px solid #d3b2ed}.ka-note>span{font-size:2.5rem}.ka-note h2{font-size:1.25rem;margin:0 0 5px}.ka-note p{margin:0}
.ka-riddle-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,.7fr);gap:17px;margin:24px 0}.ka-riddle-main{background:linear-gradient(145deg,#fffbea,#fff)}.ka-riddle-main .riddle-card{background:linear-gradient(125deg,#a76222,#d88917);border:2px solid #ffe8a2;box-shadow:0 7px 0 #935d2836;color:white}.ka-riddle-main .riddle-mark{width:65px;height:65px;border:3px solid #fff1b4;background:#fff5c426;color:#fff;font-weight:1000}.ka-riddle-main .riddle-option{border:2px solid #eddaa3;background:#fffef8;border-radius:15px}.ka-riddle-main .riddle-option:has(input:checked){background:#ddfff4;border-color:#2ca989;box-shadow:0 3px 0 #1d827a33}.ka-riddle-side{background:linear-gradient(160deg,#dffbff,#fff);text-align:center}.ka-riddle-stat{display:grid;justify-items:center;padding:20px;background:#fef4bf;border:2px solid #f0d784;border-radius:20px;margin:10px 0 15px}.ka-riddle-stat strong{font-size:3.3rem;line-height:1.15;color:#8d560b}.ka-riddle-stat span{font-size:.89rem;font-weight:800}.ka-riddle-side .ka-tip{text-align:left;margin-top:23px}
.ka-calendar-panel{margin:20px 0}.ka-calendar-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}.ka-calendar-top h2{margin:0}.ka-week-actions{display:flex;gap:7px;flex-wrap:wrap}.ka-week-actions a{border-radius:99px;border:1px solid #b9c9ef;padding:7px 12px;background:#eef2ff;text-decoration:none;font-size:.84rem;font-weight:850;color:#324e96}.ka-week-actions a:hover{background:#dfe6ff}.ka-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ka-day{min-width:0;border-radius:15px;padding:10px 8px;background:#f3f7ff;border:1px solid #d4e0f7}.ka-day:nth-child(2n){background:#f5fef7;border-color:#d6e8cf}.ka-day.is-today{background:#fff1ba;border:2px solid #f0b94c;box-shadow:0 4px 0 #eacb6a}.ka-day-head{text-align:center;border-bottom:1px solid #bbcbdf;padding-bottom:9px;margin-bottom:9px}.ka-day-head strong{display:block;font-size:.8rem;overflow-wrap:anywhere}.ka-day-head span{font-size:.82rem;color:#58728b}.ka-day-free{font-size:.8rem;color:#678094;text-align:center}.ka-day-task{background:white;border:1px solid #bedace;border-radius:10px;padding:9px;margin-top:8px;font-size:.75rem;overflow-wrap:anywhere}.ka-day-task>span{display:block;font-size:1.2rem}.ka-day-task strong{font-size:.78rem;display:block;line-height:1.35;color:#194d56}.ka-day-task small{display:block;color:#61777c;margin-top:5px}.ka-day-task a{font-weight:900;color:#12806c;font-size:.77rem;display:inline-block;margin-top:8px}.ka-day-task.is-done{background:#eefff1}.ka-calendar-note{font-size:.86rem;background:#effaf8;border-radius:12px;padding:13px;border:1px solid #c6e8e2;margin:20px 0 0}
/* Logged-in agent dashboard: new visual identity, original login/session code retained. */
.ka-profile-page:has(.ka-profile-hero){background:radial-gradient(circle at 10% 30%,#12687a,transparent 40%),linear-gradient(150deg,#0a3748,#096777);padding:30px 0 65px}.ka-profile-page:has(.ka-profile-hero) .student-card{max-width:1130px;background:#fbfffd;border:2px solid #b8ecdc;border-radius:28px}.ka-profile-hero{position:relative;color:#fff;padding:27px 38px;border-radius:23px;background:radial-gradient(circle at 80% 20%,#4ed4ad,transparent 45%),linear-gradient(130deg,#0d6578,#1fa48b);margin:0 0 20px;overflow:hidden}.ka-profile-hero:after{content:'';position:absolute;right:0;bottom:0;width:27%;height:100%;background:url('home-art/avatar.webp') right center/contain no-repeat;opacity:.9}.ka-profile-hero h1{font-size:clamp(1.85rem,4vw,3.1rem);color:#fff;margin:7px 0}.ka-profile-hero p{font-size:1.02rem;max-width:65%;margin:0 0 17px;color:#fff}.ka-profile-hero .ka-banner-link{position:relative;z-index:1}.ka-profile-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.ka-profile-page .student-extra article{background:#edfbff;border:2px solid #b3e3ed;border-radius:19px;box-shadow:0 5px 0 #badce5}.ka-profile-page .student-extra article:nth-child(2n){background:#fff2cc;border-color:#f2d89a}.ka-profile-page .student-extra article:nth-child(3n){background:#f1e7ff;border-color:#d9c4ef}.ka-profile-page .agent-panel{border:1px solid #c9e4db;padding:20px;border-radius:19px;background:#fff;margin:17px 0}.ka-profile-page .student-mission{background:#f5fcfd;border-radius:15px}
/* Rewards module 1.2 is styled in its existing stylesheet; the following is for navigational harmony. */
@media(max-width:1100px){.ka-days{grid-template-columns:repeat(4,minmax(0,1fr))}.ka-day:nth-child(n+5){grid-column:auto}}
@media(max-width:760px){.ka-two-col,.ka-riddle-layout{grid-template-columns:1fr}.ka-files-grid,.ka-portfolio-grid{grid-template-columns:1fr}.ka-banner-content{max-width:75%}.ka-banner:after{opacity:.48;width:45%}.ka-metrics{grid-template-columns:1fr 1fr}.ka-days{grid-template-columns:repeat(2,minmax(0,1fr))}.ka-profile-hero p{max-width:80%}}
@media(max-width:480px){.ka-shell{padding:14px 0 45px}.ka-shell .ka-card{border-radius:22px;padding:12px}.ka-nav{gap:5px;margin:8px 0 14px}.ka-nav a{font-size:.72rem;padding:6px 8px}.ka-banner{min-height:205px;padding:23px 17px}.ka-banner-content{max-width:91%}.ka-banner:after{opacity:.22;width:66%;right:-15%}.ka-banner h1{font-size:1.9rem}.ka-banner p{font-size:.9rem}.ka-banner-link{font-size:.72rem}.ka-metrics{gap:7px}.ka-metric{padding:11px 7px;gap:4px}.ka-metric>span{font-size:1.5rem}.ka-metric strong{font-size:1rem}.ka-metric small{font-size:.69rem}.ka-panel{padding:15px}.ka-file{grid-template-columns:41px 1fr;padding:10px}.ka-file-icon{font-size:1.6rem}.ka-project h3{font-size:1.03rem}.ka-days{gap:7px}.ka-day{padding:8px 6px}.ka-day-head strong{font-size:.72rem}.ka-profile-hero{padding:24px 14px}.ka-profile-hero:after{opacity:.22;width:65%}.ka-profile-hero p{max-width:100%}.ka-profile-page .student-card{padding:12px}}
@media(prefers-reduced-motion:reduce){.ka-nav a,.ka-profile-shortcuts a{transition:none}}
