:root{--navy:#183d72;--navy-deep:#102b55;--ink:#213653;--muted:#7a8ba2;--line:#e5ebf2;--canvas:#f6f8fb;--white:#fff;--orange:#f37959;--gold:#edb34c;--shadow:0 12px 32px rgba(34,62,98,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:SUIT,Pretendard,"Apple SD Gothic Neo","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #80b8f2;outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:0 0 244px;background:#fff;border-right:1px solid #e7edf4;display:flex;flex-direction:column;padding:26px 14px 22px;position:sticky;top:0;height:100vh;z-index:5}.brand{border:0;background:none;text-align:left;display:flex;align-items:center;gap:11px;margin:0 3px 45px;padding:3px;color:var(--navy-deep)}.brand-logo{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#f6f9fd;display:grid;place-items:center;padding:4px}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.05em}.brand small{display:block;font-size:9px;color:#8291a6;letter-spacing:-.045em;margin-top:3px;white-space:nowrap}.side-label{color:#a7b3c3;font-size:10px;font-weight:800;letter-spacing:.14em;margin:0 16px 11px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#6c7c92;border-radius:12px;padding:11px 13px;display:flex;align-items:center;text-align:left;gap:13px;font-weight:700;letter-spacing:-.035em}.nav-item:hover{background:#f5f8fc;color:var(--navy)}.nav-item.active{background:#eaf2fc;color:#1d5da4}.nav-ico{font-size:19px;line-height:1;width:21px;text-align:center;font-family:Georgia,serif;font-weight:normal}.nav-new{margin-left:auto;font-size:8px;letter-spacing:.07em;background:#ffefea;color:#e87255;border-radius:4px;padding:2px 4px}.side-bottom{margin-top:auto;padding:0 8px}.side-quote{background:#f0f5fb;border-radius:16px;padding:16px 17px;color:#6c7d91;position:relative;overflow:hidden}.side-quote>span{position:absolute;right:10px;top:-28px;color:#d6e4f3;font-family:Georgia,serif;font-size:100px}.side-quote strong{display:block;color:#255e99;font-size:10px;letter-spacing:.15em;position:relative}.side-quote p{font-size:12px;line-height:1.5;margin:6px 0 0;position:relative}.source-short{display:block;color:#8290a0;font-size:11px;text-align:center;margin-top:15px}.source-short:hover{color:var(--navy)}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:74px;background:rgba(255,255,255,.86);border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px;position:sticky;top:0;z-index:4;backdrop-filter:blur(14px)}.top-search{width:min(330px,40vw);display:flex;align-items:center;gap:10px;color:#8c9caf}.top-search>span{font-size:24px;line-height:1}.top-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:13px}.top-search input::placeholder{color:#a4b0bf}.top-search kbd{border:1px solid #e5ebf2;background:#fafcff;border-radius:5px;padding:1px 5px;font-size:9px;color:#a5b1bf;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:17px;white-space:nowrap}.demo-tag{font-size:10px;color:#7591ab;background:#eef6fc;border:1px solid #e5f1fa;border-radius:30px;padding:6px 9px;font-weight:700}.demo-dot{display:inline-block;width:6px;height:6px;background:#59bfa3;border-radius:50%;margin-right:5px}.reset-btn{border:0;background:none;color:#9eabb9;font-size:11px}.reset-btn:hover{color:#e46e5b}.role-switch{display:flex;align-items:center;gap:7px;font-size:11px;color:#9aa6b5}.role-switch select{border:0;background:transparent;color:#314c6e;font-weight:800;padding:5px;cursor:pointer}.avatar,.small-avatar{display:grid;place-items:center;border-radius:50%;background:#eaf1fa;color:#2c609b;font-weight:800}.avatar{width:34px;height:34px}.small-avatar{width:34px;height:34px;flex:0 0 34px;font-size:11px}.small-avatar.parent{background:#fff1e6;color:#dc8d4c}.small-avatar.teacher{background:#eaf6ed;color:#55a37e}#main-content{width:min(1300px,100%);margin:0 auto;padding:36px 46px 64px;flex:1}.footer{display:flex;justify-content:space-between;color:#aab5c2;font-size:10px;padding:17px 46px 24px;border-top:1px solid #edf1f5}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:900;color:#e8896b}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.page-heading h1{font-size:29px;letter-spacing:-.065em;line-height:1.2;margin:8px 0 9px;color:#1c3557}.page-heading p{margin:0;color:#8694a5;font-size:13px;letter-spacing:-.03em}.welcome-row .page-heading{margin-bottom:0}.welcome-row .page-heading h1{font-size:30px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.date-box{border-left:1px solid #dce4ed;padding-left:18px;display:flex;flex-direction:column;line-height:1.3;color:#8b9caf}.date-box strong{color:#234b7b;font-size:15px}.date-box span{font-size:10px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(260px,.82fr);gap:16px}.hero-main{min-height:313px;border-radius:20px;background:linear-gradient(115deg,#173d72,#245da0);overflow:hidden;display:flex;position:relative;color:#fff;box-shadow:0 16px 35px rgba(31,85,146,.17)}.hero-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 20%,rgba(107,162,225,.22),transparent 35%),linear-gradient(100deg,transparent 55%,rgba(255,255,255,.05));pointer-events:none}.hero-copy{padding:39px 0 36px 39px;position:relative;z-index:2;min-width:57%}.hero-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#bcd8f2;display:flex;align-items:center;gap:8px}.live-mark{width:6px;height:6px;background:#f8bd81;border-radius:50%;box-shadow:0 0 0 4px rgba(248,189,129,.15)}.hero-copy h2{font-size:30px;letter-spacing:-.07em;line-height:1.36;margin:22px 0 15px}.hero-copy h2 em{font-style:normal;color:#f8c98b}.hero-copy p{font-size:12px;color:#d9e8f7;line-height:1.75;margin:0 0 25px}.hero-copy p strong{color:#fff}.white-button{background:#fff;border:0;border-radius:8px;padding:10px 14px 10px 16px;color:#1e528d;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:20px}.white-button:hover{transform:translateY(-2px)}.hero-visual{flex:1;position:relative;min-width:220px}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.27);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:310px;height:195px;top:60px;left:10px}.orbit-two{width:236px;height:295px;top:8px;left:50px;transform:rotate(42deg)}.hero-center{position:absolute;top:61px;left:62px;width:171px;height:171px;background:#f7c879;border-radius:48% 52% 43% 57%;display:grid;place-items:center;text-align:center;color:#215185;font-size:31px;font-weight:900;line-height:1.2;letter-spacing:-.06em;transform:rotate(-8deg);box-shadow:17px 20px 0 rgba(9,39,81,.14)}.hero-center:first-line{transform:rotate(8deg)}.hero-spark{position:absolute;color:#fff;font-size:50px;top:20px;right:28px;transform:rotate(20deg)}.hero-mini{position:absolute;bottom:25px;right:20px;color:#d8e9f7;font-size:10px;line-height:1.5;transform:rotate(7deg)}.hero-mini strong{font-size:11px;color:#fff}.hero-side{border-radius:20px;background:#fff;border:1px solid #edf1f5;box-shadow:var(--shadow);padding:26px;display:flex;flex-direction:column;min-width:0}.hero-side-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-side-top img{width:42px;height:42px;object-fit:contain}.hero-side-top span{font-size:9px;color:#a4b2c1;letter-spacing:.12em;font-weight:900}.hero-side-mid{font-size:22px;letter-spacing:-.06em;line-height:1.43;margin-top:32px;color:#193b69}.hero-side-mid strong{color:#e88063}.hero-side-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid #edf1f5}.badge-preview{display:grid;place-items:center;background:#fff2df;color:#efa637;width:42px;height:42px;border-radius:13px;font-size:24px}.hero-side-bottom div{min-width:0;flex:1}.hero-side-bottom b{font-size:11px;display:block;color:#31506d}.hero-side-bottom small{display:block;color:#abb7c3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-side-bottom button{border:0;background:transparent;color:#6683a4;font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 44px}.metrics>div{background:#fff;border:1px solid #edf1f4;border-radius:15px;padding:17px;display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;box-shadow:var(--shadow)}.metric-icon{grid-row:1/3;width:41px;height:41px;display:grid;place-items:center;border-radius:12px;font-family:Georgia,serif;font-size:23px}.metric-icon.peach{background:#fff0e8;color:#e98664}.metric-icon.pale-blue{background:#eaf3fb;color:#5f9dcf}.metric-icon.pale-mint{background:#e8f6ef;color:#5bb58a}.metric-icon.pale-gold{background:#fff6df;color:#d9a641}.metrics strong{font-size:20px;letter-spacing:-.04em;line-height:1}.metrics small{color:#9aa9b7;font-size:9px;line-height:1.2;margin-top:6px;white-space:nowrap}.section-block{margin-bottom:42px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px}.section-head h2{font-size:20px;letter-spacing:-.06em;margin:4px 0 3px;color:#203b5f}.section-head p{margin:0;color:#97a5b5;font-size:11px}.text-link{border:0;background:none;color:#4776a9;font-weight:800;font-size:11px;padding:5px 0;white-space:nowrap}.text-link:hover{color:#e68164}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-grid.all{margin-bottom:24px}.story-card{padding:0;border:1px solid #e9eef3;text-align:left;background:#fff;border-radius:17px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;min-width:0}.story-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(40,72,105,.13)}.story-art{height:147px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-art:before,.story-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:rotate(-35deg)}.story-art:before{width:250px;height:105px}.story-art:after{width:100px;height:215px}.story-art.coral,.gallery-tile.coral,.modal-art.coral{background:linear-gradient(130deg,#ffc89a,#ef8f83)}.story-art.blue,.gallery-tile.blue,.modal-art.blue{background:linear-gradient(130deg,#9cc5e5,#6b9ecf)}.story-art.mint,.gallery-tile.mint,.modal-art.mint{background:linear-gradient(130deg,#a6ddc5,#70bdad)}.story-art.gold,.gallery-tile.gold,.modal-art.gold{background:linear-gradient(130deg,#f4d18c,#dfa958)}.story-art.purple,.gallery-tile.purple,.modal-art.purple{background:linear-gradient(130deg,#b9afe5,#8e92cc)}.story-art.peach,.gallery-tile.peach,.modal-art.peach{background:linear-gradient(130deg,#ffd5bc,#eaa2a6)}.story-art-icon{color:rgba(255,255,255,.93);font-size:95px;line-height:1;font-family:Georgia,serif;text-shadow:0 10px 20px rgba(65,89,111,.12);z-index:1}.art-year{position:absolute;right:17px;top:13px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}.story-info{padding:19px 20px 17px}.story-meta{color:#e58b73;font-size:10px;font-weight:900;letter-spacing:-.02em}.story-meta span{padding:0 4px;color:#c6cdd6}.story-info h3{font-size:16px;letter-spacing:-.055em;margin:8px 0 4px;color:#253d5b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-info p{font-size:11px;color:#98a5b2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-card-bottom{border-top:1px solid #eef2f5;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#6f91b1;font-size:10px}.story-card-bottom b{font-size:17px;line-height:1;font-weight:400}.lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.lower-grid .section-block{margin:0}.mini-missions{display:flex;flex-direction:column;gap:9px}.mini-mission{border:1px solid #e8edf4;border-radius:14px;background:#fff;display:flex;align-items:center;text-align:left;gap:14px;padding:15px;box-shadow:var(--shadow);width:100%}.mini-mission:hover{border-color:#b3d2ed}.mission-symbol{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;font-family:Georgia,serif;font-size:27px;font-weight:800}.mission-symbol.coral{background:#fff0e8;color:#ed8c6a}.mission-symbol.blue{background:#eaf3fb;color:#5d9bcf}.mission-symbol.mint{background:#e8f6ef;color:#57b28a}.mission-symbol.gold{background:#fff6df;color:#d4a840}.mini-mission>span:nth-child(2){flex:1;min-width:0}.mini-mission small{display:block;color:#e38d72;font-size:9px;font-weight:800}.mini-mission strong{display:block;color:#2e496a;font-size:12px;letter-spacing:-.04em}.mini-mission b{font-size:17px;font-weight:400;color:#84a0b9}.community-teaser{background:#eaf2fa;border-radius:17px;padding:24px 27px;position:relative;overflow:hidden}.community-teaser h2{font-size:20px;color:#285989;letter-spacing:-.06em;line-height:1.4;margin:13px 0 8px}.community-teaser p{font-size:10px;color:#7794b0;max-width:250px;margin:0 0 18px}.community-links{display:flex;gap:9px;position:relative;z-index:1;flex-wrap:wrap}.community-links button{border:0;border-radius:7px;background:#fff;color:#386b9e;font-weight:800;font-size:10px;padding:8px 10px}.community-links button:hover{background:#dcecfb}.bubble{position:absolute;border-radius:50%;display:grid;place-items:center}.bubble.b1{right:27px;top:32px;width:74px;height:74px;background:#bed8ee;color:#fff;font-size:45px;font-weight:800;transform:rotate(14deg)}.bubble.b2{right:85px;bottom:-31px;width:95px;height:95px;background:#d5e8f5;color:#fff;font-size:53px}.journey-banner{background:#fff;border:1px solid #e9eef3;border-radius:16px;padding:22px 28px;display:flex;align-items:center;gap:18px;margin-bottom:28px}.journey-point{display:flex;flex-direction:column;min-width:0}.journey-point b{color:#5a83af;font-size:15px}.journey-point span{color:#9baab7;font-size:10px;white-space:nowrap}.journey-point.active b{color:#e48264}.journey-banner i{height:1px;min-width:16px;flex:1;background:#dce6ef;position:relative}.journey-banner i:after{content:"";width:6px;height:6px;position:absolute;right:0;top:-2px;border-radius:50%;background:#dce6ef}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.filter{border:1px solid #e7edf3;background:#fff;border-radius:30px;padding:7px 13px;color:#8a9aaa;font-size:11px;font-weight:700}.filter:hover,.filter.selected{background:#245c99;color:#fff;border-color:#245c99}.source-note{font-size:10px;color:#a0adbb}.my-points{border:1px solid #f0dfc6;background:#fff9eb;border-radius:12px;display:flex;align-items:center;gap:11px;padding:10px 16px}.my-points>span{font-size:29px;color:#e9ad42}.my-points strong{display:block;color:#b5802b;font-size:17px;line-height:1.15}.my-points small{display:block;color:#beaa82;font-size:9px}.mission-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.section-head.slim{margin-bottom:14px}.mission-list{display:flex;flex-direction:column;gap:10px}.mission-card{width:100%;background:#fff;border:1px solid #e8eef4;border-radius:16px;display:flex;gap:17px;text-align:left;padding:19px;box-shadow:var(--shadow)}.mission-card:hover{border-color:#a6c5e1;transform:translateY(-2px)}.mission-card-body{min-width:0;flex:1}.mission-meta{font-size:10px;color:#e18b70;font-weight:800}.mission-card-body strong{display:block;font-size:16px;color:#253e5e;letter-spacing:-.05em;margin:3px 0}.mission-card-body small{display:block;font-size:11px;color:#8e9eae;line-height:1.5}.mission-trait{display:inline-block;margin-top:12px;padding:3px 8px;border-radius:6px;background:#f0f5fb;color:#6a91b6;font-size:10px;font-weight:800}.mission-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;white-space:nowrap}.mission-card-right>b{color:#e6a33d;font-size:12px}.status{font-size:10px;font-weight:800;color:#3677b2}.status.pending{color:#d69348}.status.approved{color:#4d9e7b}.badge-panel{align-self:start;border-radius:18px;background:#1e4d84;color:#fff;padding:24px;min-height:395px;position:relative;overflow:hidden}.badge-panel:after{content:"";position:absolute;right:-70px;top:65px;width:180px;height:180px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.badge-panel-top{display:flex;justify-content:space-between;color:#afd0ee;font-size:10px;font-weight:800;letter-spacing:.15em}.badge-panel-top span:last-child{font-size:24px;color:#efba63}.badge-panel h3{font-size:20px;line-height:1.4;letter-spacing:-.05em;margin:20px 0 7px}.badge-panel p{font-size:10px;color:#bbd2e9;margin:0}.badge-display{margin-top:30px;position:relative;z-index:1}.earned-badge{background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:18px 10px;text-align:center;color:#254c7b}.earned-badge>span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#f0b348;background:#fff5dc;font-size:34px;margin-bottom:9px}.earned-badge strong{font-size:12px}.earned-badge small{font-size:9px;color:#9aacbc}.badge-empty{font-size:11px;color:#c9def0;padding:24px;border:1px dashed #8eafcf;border-radius:10px;text-align:center}.badge-foot{border-top:1px solid rgba(255,255,255,.15);padding-top:13px;margin-top:24px;color:#aac8e2;font-size:9px}.space-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px}.space-intro{border-radius:14px;padding:18px 20px;background:#e9f3fb;display:flex;gap:16px;margin-bottom:17px}.space-intro.parent-intro{background:#fff3e8}.space-intro>span{font-size:27px;line-height:1;color:#64a0d0}.space-intro.parent-intro>span{color:#eaa15f}.space-intro strong{color:#326394;font-size:13px}.space-intro.parent-intro strong{color:#bd8150}.space-intro p{color:#7897b2;margin:3px 0 0;font-size:10px}.space-intro.parent-intro p{color:#ae9279}.post-list{display:flex;flex-direction:column;gap:12px}.post-card{background:#fff;border:1px solid #e8edf3;border-radius:15px;padding:21px 23px;box-shadow:var(--shadow)}.post-top{display:flex;align-items:center;gap:9px}.post-top div{flex:1}.post-top strong,.post-top small{display:block}.post-top strong{font-size:11px;color:#31506e}.post-top small{font-size:9px;color:#aeb9c3}.pill{display:inline-block;background:#edf3fa;color:#6090ba;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:800}.pill.teacher-pill{background:#eaf6ed;color:#55a47c}.post-card h3{font-size:15px;letter-spacing:-.04em;margin:16px 0 5px;color:#263e5c}.post-card>p{font-size:11px;color:#77889b;margin:0 0 20px;white-space:pre-wrap}.post-actions{border-top:1px solid #edf1f4;padding-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.post-actions button{border:0;background:none;color:#6089b2;font-size:10px;font-weight:800;padding:0}.post-actions>span{font-size:9px;color:#b0bac5}.space-side{display:flex;flex-direction:column;gap:12px}.side-card{background:#fff;border:1px solid #e8edf3;border-radius:15px;padding:20px}.side-card h3{font-size:14px;color:#31506f;letter-spacing:-.04em;margin:7px 0 12px}.side-card ol{padding-left:18px;margin:0;color:#8596a7;font-size:11px;line-height:2.1}.side-card p{color:#8d9cad;font-size:10px;margin:0 0 14px}.side-card button{border:0;background:none;color:#5a8fbd;font-size:10px;font-weight:800;padding:0}.side-card.source{background:#f2f7fc}.primary-button{background:#2867a7;color:#fff;border:1px solid #2867a7;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:800;white-space:nowrap}.primary-button:hover{background:#18548f}.outline-button{border:1px solid #cad8e6;background:#fff;color:#5b7793;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:800}.gallery-notice{display:flex;align-items:center;gap:10px;background:#fff9ed;border:1px solid #f5e8ce;border-radius:11px;padding:9px 13px;margin-bottom:18px;color:#aa8e60}.gallery-notice span{font-size:16px}.gallery-notice p{font-size:10px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery-tile{min-height:187px;border:0;border-radius:16px;padding:20px;color:#fff;text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:transform .18s}.gallery-tile:hover{transform:translateY(-3px)}.gallery-tile:after{content:"";width:200px;height:200px;border:1px solid rgba(255,255,255,.32);border-radius:50%;position:absolute;right:-50px;top:-85px}.gallery-tile.wide{grid-column:span 2}.gallery-icon{position:absolute;right:15%;top:-20px;font-size:123px;font-family:Georgia,serif;opacity:.7;line-height:1}.gallery-category{font-size:10px;font-weight:800;position:relative;z-index:1}.gallery-tile strong{font-size:18px;letter-spacing:-.05em;position:relative;z-index:1}.gallery-arrow{position:absolute;right:18px;bottom:17px;font-size:21px}.archive-link{background:#fff;border:1px solid #e8edf3;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding:20px 24px}.archive-link strong{font-size:12px;color:#31506e}.archive-link p{font-size:10px;color:#98a6b4;margin:3px 0 0}.archive-link>div:last-child{display:flex;gap:14px;flex-wrap:wrap}.archive-link a{font-size:10px;color:#5483b0;font-weight:800}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:33px}.admin-stats>div{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:19px;display:flex;flex-direction:column}.admin-stats strong{font-size:26px;color:#245a94;line-height:1.2}.admin-stats span{font-size:10px;color:#9aa8b7}.review-list{display:flex;flex-direction:column;gap:10px}.review-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.review-card h3{font-size:14px;margin:5px 0;color:#2e4a6b}.review-card p{font-size:11px;color:#748699;white-space:pre-wrap;margin:0 0 5px}.review-card small{font-size:9px;color:#aab7c4}.review-card>div:last-child{display:flex;gap:6px;flex-shrink:0}.admin-reminder{margin-top:27px;background:#fff9ed;border:1px solid #f5e8ce;border-radius:12px;padding:15px 18px}.admin-reminder strong{font-size:11px;color:#a47b42}.admin-reminder p{font-size:10px;color:#a28e73;margin:4px 0 0}.empty{background:#fff;border:1px dashed #d7e1ec;border-radius:14px;color:#93a4b5;padding:28px;text-align:center;font-size:12px;grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;background:rgba(15,35,60,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{background:#fff;border-radius:19px;width:min(560px,100%);max-height:min(90vh,800px);overflow:auto;position:relative;box-shadow:0 20px 60px rgba(13,35,62,.25)}.story-modal{width:min(610px,100%)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:#f1f5f8;border-radius:50%;width:30px;height:30px;color:#7890a7;font-size:21px;line-height:1;z-index:2}.modal-art{height:170px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.modal-art:after{content:"";position:absolute;width:300px;height:100px;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(-20deg)}.modal-art>span{font-family:Georgia,serif;color:#fff;font-size:115px;line-height:1}.modal-art small{position:absolute;bottom:12px;left:24px;color:#fff;font-weight:900;letter-spacing:.05em}.modal-content{padding:30px}.modal-content h2{font-size:23px;letter-spacing:-.06em;line-height:1.3;color:#213d61;margin:8px 0 13px}.modal-content>p{color:#75889b;font-size:12px;line-height:1.75;white-space:pre-wrap}.modal-content .modal-sub{font-size:11px;color:#e68b70;font-weight:800;margin:0 0 12px}.modal-traits{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.modal-links{display:flex;gap:8px;flex-wrap:wrap}.modal-links a{border-radius:8px;padding:9px 12px;background:#eaf2fb;color:#3a73a8;font-size:10px;font-weight:800}.modal-links a:hover{background:#dbe9f8}.modal-caution{display:block;margin-top:15px;color:#a8b4bf;font-size:9px}.modal-symbol{margin-bottom:18px}.mission-instruction{background:#f3f7fb;border-radius:11px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;margin:20px 0}.mission-instruction b{font-size:11px;color:#4879a8}.mission-instruction span{font-size:11px;color:#6d8399}.previous-submit{background:#fff9ed;border:1px solid #f7ead3;border-radius:10px;padding:12px 14px;margin:16px 0}.previous-submit b{font-size:10px;color:#b8915a}.previous-submit p{font-size:10px;color:#9f937f;margin:4px 0 0;white-space:pre-wrap}.modal form{display:flex;flex-direction:column;gap:8px;margin-top:19px}.modal form label{font-size:11px;color:#526e8b;font-weight:800;margin-top:5px}.modal form input,.modal form textarea{width:100%;border:1px solid #dce6f0;border-radius:9px;padding:11px 12px;background:#fbfdff;color:#263e5d;outline:0;font-size:12px}.modal form textarea{min-height:130px;resize:vertical}.modal form input:focus,.modal form textarea:focus{border-color:#76a9d5;box-shadow:0 0 0 3px #e8f3fb}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.form-bottom small{font-size:9px;color:#a2b0bd}.role-hint{background:#f1f6fb;border-radius:9px;padding:12px;color:#7295b3;font-size:11px;margin-top:20px}.post-modal-author{color:#a0afbd!important;font-size:10px!important}.reply-section{border-top:1px solid #eaf0f5;margin-top:20px;padding-top:15px}.reply-section h3{font-size:13px;color:#416586}.reply{border-radius:9px;background:#f4f8fb;padding:11px 13px;margin-top:8px}.reply strong{font-size:10px;color:#5d83a5}.reply p{font-size:11px;color:#688196;margin:3px 0 0;white-space:pre-wrap}.reply-empty{font-size:10px;color:#a5b3c0}.toast{position:fixed;right:25px;bottom:24px;background:#1e4c82;color:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 10px 28px rgba(17,46,80,.2);font-size:11px;font-weight:700;z-index:30}
@media(max-width:1180px){.sidebar{width:205px;flex-basis:205px}.brand small{display:none}#main-content{padding:30px}.topbar{padding:0 30px}.hero-copy h2{font-size:26px}.hero-center{left:31px}.metrics small{white-space:normal}}
@media(max-width:940px){.sidebar{width:72px;flex-basis:72px;padding:20px 8px}.brand{margin:0 0 28px;padding:5px}.brand>span:last-child,.side-label,.nav-item>span:not(.nav-ico),.side-bottom{display:none}.nav-item{justify-content:center;padding:14px 0}.nav-ico{font-size:22px}.hero-grid{grid-template-columns:1fr}.hero-side{min-height:170px}.hero-side-mid{margin-top:10px}.hero-side-bottom{margin-top:18px}.metrics{grid-template-columns:repeat(2,1fr)}.mission-layout,.space-layout{grid-template-columns:1fr}.badge-panel{min-height:auto}.space-side{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:62px;padding:4px;background:#fff;border-right:0;border-top:1px solid #e4ebf2;z-index:10}.sidebar .brand{display:none}.sidebar nav{height:100%;display:flex;flex-direction:row;justify-content:flex-start;gap:0;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{width:auto;min-width:65px;flex:1;border-radius:8px;padding:4px;flex-direction:column;gap:0;font-size:9px}.nav-item>span:not(.nav-ico){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-ico{font-size:20px}.main-shell{padding-bottom:62px}.topbar{height:62px;padding:0 17px}.top-search{width:auto;flex:1}.top-search kbd,.demo-tag,.reset-btn,.role-switch>span{display:none}.top-actions{gap:5px}.role-switch select{font-size:11px}.avatar{width:29px;height:29px;font-size:11px}#main-content{padding:25px 16px 42px}.footer{padding:14px 16px;display:block}.footer span{display:block}.welcome-row{display:block}.date-box{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.page-heading h1,.welcome-row .page-heading h1{font-size:24px}.page-heading p{font-size:11px}.hero-main{min-height:318px}.hero-copy{padding:28px 25px;min-width:0;width:100%}.hero-copy h2{font-size:24px}.hero-visual{position:absolute;right:-105px;top:15px;width:230px;height:240px;opacity:.35;pointer-events:none}.hero-center,.hero-mini{display:none}.hero-side{min-height:170px}.metrics{gap:8px;margin:13px 0 32px}.metrics>div{padding:12px;grid-template-columns:34px 1fr;column-gap:7px}.metric-icon{width:33px;height:33px;font-size:19px}.metrics strong{font-size:17px}.metrics small{font-size:8px}.section-head h2{font-size:18px}.section-head p{font-size:10px}.story-grid{grid-template-columns:1fr 1fr;gap:9px}.story-art{height:105px}.story-art-icon{font-size:68px}.story-info{padding:12px}.story-info h3{font-size:13px}.story-info p{font-size:9px}.story-card-bottom{margin-top:11px;font-size:9px}.lower-grid{grid-template-columns:1fr}.community-teaser{min-height:220px}.journey-banner{gap:8px;padding:16px 12px}.journey-point b{font-size:12px}.journey-point span{font-size:8px;white-space:normal}.filter-row{gap:5px}.filter{font-size:9px;padding:5px 9px}.mission-card{padding:13px;gap:10px}.mission-symbol{width:40px;height:40px;flex-basis:40px;font-size:23px}.mission-card-body strong{font-size:13px}.mission-card-body small{font-size:9px}.mission-card-right b{font-size:10px}.space-side{grid-template-columns:1fr}.post-actions>span{display:none}.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-tile{min-height:130px;padding:13px}.gallery-tile.wide{grid-column:span 2}.gallery-icon{font-size:75px}.gallery-tile strong{font-size:13px}.archive-link{display:block}.archive-link>div:last-child{margin-top:12px}.review-card{display:block}.review-card>div:last-child{margin-top:12px;flex-wrap:wrap}.form-bottom{align-items:flex-start;flex-direction:column}.modal-content{padding:23px}.modal-backdrop{padding:12px}}