:root{--ink:#0f1c18;--ink-soft:#3a4a44;--forest:#145c45;--forest-deep:#0b3d2e;--leaf:#1f8f68;--mist:#e7f2ec;--panel:#f4f7f5;--white:#fff;--line:#d5e0da;--danger:#b42318;--danger-bg:#fef3f2;--success:#027a48;--success-bg:#ecfdf3;--warn:#b54708;--warn-bg:#fffaeb;--shadow:0 18px 50px #0f1c1814;--radius:18px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;color:var(--ink);background:var(--panel);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% -10%, #1f8f682e, transparent 42%), radial-gradient(circle at 90% 0%, #0b3d2e1f, transparent 35%), linear-gradient(180deg, #eef5f1 0%, var(--panel) 38%, #eef2f0 100%);min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.03em;margin:0}p{margin:0}.site-shell{flex-direction:column;min-height:100vh;display:flex}.top-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7fbf9eb;width:100%;position:sticky;top:0;box-shadow:0 8px 24px #0f1c180a}.top-header-inner{align-items:center;gap:20px;max-width:1200px;height:auto;min-height:64px;margin:0 auto;padding:10px 24px;display:flex}.header-brand{flex:auto;align-items:center;gap:12px;min-width:0;max-width:none;display:flex}.header-brand-text{flex:1;min-width:0}.header-brand .logo,.brand-mark .logo,.school-logo{background:linear-gradient(135deg, var(--leaf), #0f6b4c);width:42px;height:42px;font-family:var(--font-display);color:#fff;box-sizing:border-box;border-radius:14px;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden;box-shadow:0 10px 24px #0000001f}img.school-logo{object-fit:contain;object-position:center;background:#fff;border:1px solid #0f6b4c1f;padding:4px}.school-logo-fallback{letter-spacing:.02em;text-align:center;white-space:nowrap;max-width:100%;padding:0 4px;line-height:1;overflow:hidden}.logo-upload-row{align-items:center;gap:16px;margin-bottom:18px;display:flex}.logo-upload-actions{flex:1;min-width:0}.about-school-head{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.school-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-brand strong,.brand-mark strong{font-family:var(--font-display);white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:1.05rem;line-height:1.25;display:block}.header-brand span,.brand-mark span{opacity:.72;color:var(--ink-soft);white-space:normal;font-size:.78rem;display:block}.header-nav{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.header-link{color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:600}.header-link:hover,.header-link.active{color:var(--forest-deep);background:var(--mist)}.header-menu-toggle{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:none}.header-menu-toggle:hover{border-color:var(--leaf);background:var(--mist)}.menu-bars{gap:5px;width:18px;display:grid}.menu-bars span{background:var(--forest-deep);border-radius:2px;width:100%;height:2px;transition:transform .18s,opacity .18s;display:block}.header-menu-toggle.open .menu-bars span:first-child{transform:translateY(7px)rotate(45deg)}.header-menu-toggle.open .menu-bars span:nth-child(2){opacity:0}.header-menu-toggle.open .menu-bars span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.notif-bell{width:42px;height:42px;color:var(--ink-soft);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-bell:hover,.notif-bell.active{color:var(--forest-deep);background:var(--mist);border-color:var(--line)}.notif-badge{background:var(--leaf,#2f6b4f);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;line-height:18px;position:absolute;top:4px;right:4px}.notif-list{gap:8px;max-width:720px;display:grid}.notif-item{text-align:left;border:1px solid var(--line);background:var(--white);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.notif-item:hover{border-color:var(--leaf);background:var(--mist)}.notif-item.unread{border-color:color-mix(in srgb, var(--leaf) 45%, var(--line));background:color-mix(in srgb, var(--mist) 70%, var(--white))}.notif-item-main{gap:4px;min-width:0;display:grid}.notif-item-main strong{font-weight:700}.eyebrow{margin:0 0 6px;font-size:.85rem}.eyebrow a{color:var(--ink-soft);font-weight:600}.eyebrow a:hover{color:var(--forest-deep)}.avatar-btn{background:0 0;border:0;padding:0}.avatar-circle{background:linear-gradient(135deg, var(--forest), var(--leaf));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:800;display:grid}.user-menu{border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-menu-head{border-bottom:1px solid var(--line);margin-bottom:4px;padding:10px 12px 12px}.user-menu-head strong{display:block}.user-menu-head span{color:var(--ink-soft);font-size:.82rem}.user-menu button{text-align:left;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:600}.user-menu button:hover{background:var(--mist)}.user-menu button.danger{color:var(--danger)}.site-main{flex:1}.site-content{max-width:1200px;margin:0 auto;padding:28px 24px 56px}.brand-mark{align-items:center;gap:12px;display:flex}.app-shell,.sidebar{display:none}.nav-list{flex-direction:column;flex:1;gap:6px;display:flex}.nav-link{color:#ffffffc7;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .18s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1a}.nav-link.active{box-shadow:inset 0 0 0 1px #ffffff1f}.sidebar-foot{border-top:1px solid #ffffff1a;gap:10px;padding-top:16px;display:grid}.main{min-width:0;padding:28px 36px 48px}.page-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-size:clamp(1.8rem,2.4vw,2.4rem)}.page-header p{color:var(--ink-soft);max-width:54ch;margin-top:6px}.grid-2{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel h2{margin-bottom:4px;font-size:1.2rem}.panel .muted{color:var(--ink-soft);margin-bottom:16px;font-size:.92rem}.support-list{flex-direction:column;gap:12px;display:flex}.support-card{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;padding:14px 16px}.support-card header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.support-card p{white-space:pre-wrap;word-break:break-word;margin:0 0 10px}.support-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.support-stack{color:#e8ffe8;white-space:pre-wrap;word-break:break-word;background:#111;border-radius:8px;max-height:220px;margin:0 0 10px;padding:10px 12px;font-size:.78rem;line-height:1.4;overflow:auto}.stat{border:1px solid var(--line);background:linear-gradient(#fff,#f7fbf9);border-radius:16px;padding:18px}.stat strong{font-family:var(--font-display);margin-top:8px;font-size:1.8rem;display:block}.stat span{color:var(--ink-soft);font-size:.88rem}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--ink-soft);font-size:.86rem;font-weight:600}.field-hint{color:var(--ink-soft);opacity:.88;margin-top:-2px;font-size:.78rem;font-weight:400;line-height:1.35}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fcfdfc;border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:all .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #1f8f6826}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:72px}.password-toggle{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:700;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--forest);background:#1f8f6814}.password-toggle:focus-visible{outline:2px solid var(--leaf);outline-offset:1px}.strength-card{margin-bottom:16px}.strength-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.strength-head h2{margin:0}.strength-score{align-items:center;gap:10px;display:flex}.strength-score strong{font-family:var(--font-display);font-size:1.5rem;line-height:1}.strength-meter{background:var(--mist);border-radius:999px;height:10px;overflow:hidden}.strength-fill{border-radius:999px;height:100%;transition:width .25s}.strength-fill.strength-started{background:linear-gradient(90deg,#d97706,#f59e0b)}.strength-fill.strength-building{background:linear-gradient(90deg,#ca8a04,#eab308)}.strength-fill.strength-strong{background:linear-gradient(90deg, var(--leaf), #4ade80)}.strength-fill.strength-allStar{background:linear-gradient(90deg, var(--forest), var(--leaf))}.chip.strength-started,.chip.strength-building{background:var(--warn-bg);color:var(--warn)}.chip.strength-strong{background:var(--success-bg);color:var(--success)}.chip.strength-allStar{background:var(--mist);color:var(--forest-deep)}.strength-note{color:var(--ink-soft);margin:12px 0 0;font-size:.88rem}.strength-note.strength-required{color:var(--warn)}.field-error{color:var(--danger);font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radio-group{gap:8px;margin-top:4px;display:grid}.radio-option{border:1px solid var(--line);cursor:pointer;background:#fcfdfc;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.radio-option:hover{border-color:#1f8f6873}.radio-option.selected{border-color:var(--leaf);background:#1f8f6814;box-shadow:0 0 0 3px #1f8f681f}.radio-option.disabled{opacity:.6;cursor:not-allowed}.radio-option input{accent-color:var(--forest);flex-shrink:0;width:auto;margin-top:3px}.radio-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.radio-option-text strong{font-size:.95rem}.tag-input{border:1px solid var(--line);background:#fcfdfc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:46px;padding:8px 10px;transition:all .15s;display:flex}.tag-input:focus-within{border-color:var(--leaf);box-shadow:0 0 0 3px #1f8f6826}.tag-input input{outline:none;flex:1;min-width:120px;box-shadow:none!important;background:0 0!important;border:0!important;padding:4px 6px!important}.tag-chip{background:var(--mist);color:var(--forest-deep);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.82rem;font-weight:650;display:inline-flex}.tag-chip:hover{background:#d7ebe1}.multi-select{flex-wrap:wrap;gap:8px;display:flex}.multi-chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fcfdfc;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:650;transition:all .15s}.multi-chip:hover{border-color:var(--leaf);color:var(--forest)}.multi-chip.active{border-color:var(--leaf);color:var(--forest-deep);background:#e7f5ef}.multi-chip.legacy{background:var(--mist)}.other-detail-row{align-items:center;gap:8px;margin-top:8px;display:flex}.other-detail-input{border:1px solid var(--line);min-width:0;font:inherit;background:#fcfdfc;border-radius:12px;flex:1;padding:10px 12px}.other-detail-input:focus{border-color:var(--leaf);outline:none;box-shadow:0 0 0 3px #1f8f6826}.md-field{border:1px solid var(--line);background:#fcfdfc;border-radius:12px;overflow:hidden}.md-toolbar{border-bottom:1px solid var(--line);background:var(--mist);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.md-tabs{gap:4px;display:inline-flex}.md-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:700}.md-tab.active{background:var(--white);color:var(--forest-deep);box-shadow:0 1px 2px #0f1c1814}.md-actions{flex-wrap:wrap;gap:4px;display:inline-flex}.md-actions button{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:8px;min-width:32px;height:30px;padding:0 8px;font-size:.8rem;font-weight:700}.md-actions button:hover{border-color:var(--leaf);color:var(--forest)}.md-field textarea{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.md-preview{min-height:120px;padding:12px 14px}.md-content{color:var(--ink);line-height:1.55}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content p,.md-content ul,.md-content ol{margin:0 0 .75em}.md-content h1,.md-content h2,.md-content h3{font-family:var(--font-display);margin:.9em 0 .4em;line-height:1.25}.md-content h2{font-size:1.15rem}.md-content h3{font-size:1.05rem}.md-content ul,.md-content ol{padding-left:1.25rem}.md-content a{color:var(--forest);font-weight:650}.md-content code{background:var(--mist);border-radius:6px;padding:1px 6px;font-size:.9em}.md-content pre{background:var(--mist);border-radius:10px;padding:12px;overflow:auto}.md-content blockquote{border-left:3px solid var(--leaf);color:var(--ink-soft);margin:0 0 .75em;padding-left:12px}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--leaf), var(--forest));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{background:var(--mist);color:var(--forest-deep)}.btn-ghost{color:inherit;background:0 0;border:1px solid}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.banner{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.92rem}.banner.error{background:var(--danger-bg);color:var(--danger)}.banner.success{background:var(--success-bg);color:var(--success)}.banner.info{background:var(--mist);color:var(--forest-deep)}.invite-share{margin-bottom:18px}.invite-share h2{margin:0 0 4px}.invite-share-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.invite-share-input{border:1px solid var(--line);min-width:220px;color:var(--ink-soft);background:#fcfdfc;border-radius:12px;flex:1;padding:12px 14px;font-size:.9rem}.modal-backdrop{z-index:80;background:#0f1c1873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--white);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow);border:1px solid var(--line);padding:22px 22px 18px}.modal-panel h2{font-family:var(--font-display);margin:0 0 6px;font-size:1.25rem}.modal-panel .muted{margin:0 0 14px}.chip{background:var(--mist);color:var(--forest-deep);border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.ok{background:var(--success-bg);color:var(--success)}.chip.role-alumni{color:#1565c0;background:#e3f2fd}.chip.role-student{color:#2e7d32;background:#e8f5e9}.chip.role-teacher{color:#e65100;background:#fff3e0}.chip.role-principal{color:#ad1457;background:#fce4ec}.chip.role-admin{color:#37474f;background:#eceff1}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}table.data{border-collapse:collapse;width:100%;min-width:720px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}table.data th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);background:#f8fbf9;font-size:.78rem}table.data tr:hover td{background:#f7fbf9}table.data tr{cursor:pointer}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:220px;padding:11px 14px}.auth-layout{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(145deg,#0b3d2eeb,#145c45c7),url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.08'%3E%3Cpath d='M0 80h160M80 0v160'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#0b3d2e,#145c45 55%,#1f8f68);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth-hero h1{max-width:9ch;margin:24px 0 16px;font-size:clamp(2.8rem,5vw,4.4rem);line-height:.95}.auth-hero p{opacity:.9;max-width:34ch;font-size:1.15rem;line-height:1.5}.auth-panel{place-items:center;padding:40px 28px;display:grid}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(440px,100%);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #d5e0dae6;border-radius:24px;padding:28px}.auth-card h2{margin-bottom:6px;font-size:1.7rem}.feed-list{gap:14px;display:grid}.feed-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.feed-card header{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.feed-card .author{font-weight:700}.feed-card .meta{color:var(--ink-soft);font-size:.82rem}.feed-card .body{white-space:pre-wrap;line-height:1.55}.feed-card img{object-fit:cover;border-radius:12px;width:100%;max-height:360px;margin-top:12px}.reaction-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.reaction-bar.compact{margin-top:8px}.reaction-chip{border:1px solid var(--line);cursor:pointer;background:#fcfdfc;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.92rem;line-height:1.2;display:inline-flex}.reaction-chip:hover{border-color:var(--leaf)}.reaction-chip.active{border-color:var(--leaf);background:#e7f5ef}.reaction-chip:disabled{opacity:.6;cursor:wait}.reaction-count{color:var(--ink-soft);font-size:.75rem;font-weight:700}.reaction-error{color:var(--danger);width:100%;font-size:.78rem}.reaction-picker-wrap{display:inline-flex;position:relative}.reaction-add{color:var(--ink-soft);padding:4px 8px}.reaction-add-icon{display:block}.reaction-picker{z-index:30;border:1px solid var(--line);background:#fff;border-radius:14px;gap:10px;width:268px;max-height:268px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 14px 34px #0f2a1e29}.reaction-picker-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.reaction-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.reaction-picker-emoji{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 0;font-size:1.1rem;line-height:1.2}.reaction-picker-emoji:hover{background:#eef6f1}.reaction-picker-emoji.active{border-color:var(--leaf);background:#e7f5ef}.reaction-picker-emoji:disabled{opacity:.6;cursor:wait}.empty{text-align:center;color:var(--ink-soft);padding:48px 20px}.empty strong{color:var(--ink);font-family:var(--font-display);margin-bottom:8px;font-size:1.3rem;display:block}.detail-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}.avatar{background:var(--mist);width:64px;height:64px;color:var(--forest-deep);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.kv{grid-template-columns:140px 1fr;gap:8px 16px;margin-top:12px;display:grid}.kv dt{color:var(--ink-soft);font-size:.85rem;font-weight:600}.kv dd{margin:0}.loading-center{min-height:100vh;color:var(--ink-soft);place-items:center;display:grid}.sticky-rail{align-self:start;position:sticky;top:88px}.dir-toolbar{margin-bottom:20px}.dir-role-pills{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.dir-pill{border:1px solid var(--line);background:var(--white);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.86rem;font-weight:700}.dir-pill:hover{border-color:var(--leaf);color:var(--forest)}.dir-pill.active{background:var(--forest);border-color:var(--forest);color:#fff}.dir-pill.role-alumni.active{background:#1565c0;border-color:#1565c0}.dir-pill.role-student.active{background:#2e7d32;border-color:#2e7d32}.dir-pill.role-teacher.active{background:#e65100;border-color:#e65100}.dir-pill.role-principal.active{background:#ad1457;border-color:#ad1457}.dir-pill.role-school-admin.active{background:#37474f;border-color:#37474f}.dir-result-count{margin-top:12px}.dir-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:20px;display:grid}.dir-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.dir-card,.dir-list-row{text-align:left;border:1px solid var(--line);background:var(--white);border-radius:var(--radius);cursor:pointer;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.dir-card{flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0f1c180a}.dir-card:hover,.dir-list-row:hover{border-color:var(--leaf);box-shadow:var(--shadow);transform:translateY(-1px)}.dir-card.active,.dir-list-row.active{border-color:var(--forest);box-shadow:0 0 0 3px #1f8f6826}.dir-photo{object-fit:cover;background:var(--mist);border-radius:50%;flex-shrink:0}.photo-ring{--pct:0;--ring:var(--leaf);background:conic-gradient(var(--ring) calc(var(--pct) * 1%), var(--line) calc(var(--pct) * 1%));border-radius:50%;flex-shrink:0;place-items:center;padding:3px;display:grid;position:relative}.photo-ring:after{content:"";border:2px solid var(--white);pointer-events:none;border-radius:50%;position:absolute;inset:3px}.photo-ring .dir-photo,.photo-ring .avatar{z-index:1;position:relative}.photo-ring.ring-started{--ring:#f59e0b}.photo-ring.ring-building{--ring:#eab308}.photo-ring.ring-strong{--ring:var(--leaf)}.photo-ring.ring-allStar{--ring:var(--forest)}.dir-card-body{gap:4px;width:100%;min-width:0;display:grid}.dir-card-body strong,.dir-list-title strong,.dir-preview-head h3{font-family:var(--font-display);overflow-wrap:anywhere}.dir-username{color:var(--ink-soft);font-size:.86rem}.dir-card-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip.muted-chip{color:var(--ink-soft);background:#eef2f0}.dir-list-panel{padding:8px}.dir-list{gap:6px;display:grid}.dir-list-row{width:100%;box-shadow:none;border-radius:14px;align-items:center}.dir-list-main{flex:1;min-width:0}.dir-list-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.dir-preview h2{margin-bottom:14px}.dir-preview-empty{text-align:center;justify-items:center;gap:12px;padding:28px 12px;display:grid}.dir-preview-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.dir-preview-head h3{margin:0;font-size:1.2rem}.dir-location{color:var(--ink-soft);margin-bottom:14px;font-size:.92rem}.dir-detail{gap:12px;margin:0;display:grid}.dir-detail-row{border-bottom:1px solid var(--line);gap:4px;padding-bottom:12px;display:grid}.dir-detail-row:last-child{border-bottom:0;padding-bottom:0}.dir-detail-row dt{color:var(--ink-soft);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;font-weight:700}.dir-detail-row dd{overflow-wrap:anywhere;margin:0}.dir-detail-row a{color:var(--forest);font-weight:650}.stack{gap:14px;display:grid}.school-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.find-hero{background:linear-gradient(#fffffff2,#fff),radial-gradient(circle at 100% 0,#1f8f681f,#0000 40%)}.chip{background:var(--mist);color:var(--forest-deep);letter-spacing:.04em;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.composer-preview{gap:8px;margin-bottom:12px;display:grid}.composer-preview img{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.event-row{align-items:center;gap:14px;display:flex}.event-cover{object-fit:cover;border-radius:12px;flex-shrink:0;width:88px;height:88px}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-dow{text-align:center;color:var(--ink-soft);padding:6px 0;font-size:.75rem;font-weight:700}.cal-cell{border:1px solid var(--line);background:#fcfdfc;border-radius:10px;flex-direction:column;gap:4px;min-height:84px;padding:6px;display:flex}.cal-cell.empty{background:0 0;border-color:#0000}.cal-cell.has-events{background:var(--mist)}.cal-cell>span{font-size:.8rem;font-weight:700}.cal-pill{background:var(--forest);color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:6px;padding:2px 6px;font-size:.68rem;overflow:hidden}.album-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.album-card{border:1px solid var(--line);text-align:left;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:0;overflow:hidden}.album-cover{background:linear-gradient(135deg, var(--mist), #d8ebe2), center/cover no-repeat;height:140px}.album-meta{gap:4px;padding:14px;display:grid}.album-meta span{color:var(--ink-soft);font-size:.85rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.photo-tile{aspect-ratio:1;background:var(--mist);border:0;border-radius:12px;padding:0;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:80;background:#081410db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:min(960px,100%);max-height:80vh}.lightbox p{color:#fff;margin-top:12px}.about-prose h3{margin:22px 0 8px;font-size:1.05rem}.about-prose p,.about-prose li{color:var(--ink-soft);line-height:1.6}.about-prose ul{gap:8px;margin:0;padding-left:1.2rem;display:grid}.empty-state{text-align:center;color:var(--ink-soft);padding:36px 20px}@media (width<=980px){.auth-layout,.grid-2,.grid-3,.detail-grid,.dir-layout{grid-template-columns:1fr}.dir-preview{position:static}.auth-hero{min-height:280px}.header-menu-toggle{margin-left:auto;display:inline-flex}.header-nav{border:1px solid var(--line);box-shadow:var(--shadow);z-index:50;background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px}.header-nav.open{display:flex}.header-actions{margin-left:0}.header-brand{flex:calc(100% - 110px);max-width:calc(100% - 110px)}.top-header-inner{flex-wrap:nowrap;gap:10px;height:auto;min-height:64px;padding:12px 16px;position:relative}.sticky-rail{position:static}.cal-cell{min-height:64px}}