@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap');*,*::before,*::after{ margin:0;padding:0;box-sizing:border-box;}:root{--primary:#1428A0;--primary-dark:#0F1F8C;--primary-darker:#0A1570;--primary-light:#3D52C4;--primary-lighter:#C5CCF0;--primary-bg:#EEF0FA;--primary-bg2:#DDE1F5;--accent:#0077C8;--accent-light:#80BBFF;--cyan:#0077C8;--cyan-light:#80BBFF;--text:#0A0A0A;--text-secondary:#3D3D3D;--text-muted:#888888;--bg:#ffffff;--bg-page:#F7F7F8;--bg-subtle:#F0F0F0;--bg-card:#ffffff;--border:#E2E2E2;--border-light:#EEEEEE;--danger:#D93025;--success:#1A8917;--warning:#F29900;--shadow-xs:0 2px 8px rgba(0,0,0,0.06);--shadow-sm:0 4px 20px rgba(0,0,0,0.08);--shadow:0 8px 40px rgba(0,0,0,0.10);--shadow-md:0 20px 60px rgba(0,0,0,0.13);--shadow-lg:0 40px 80px rgba(0,0,0,0.16);--nav-bg:rgba(255,255,255,0.88);--modal-bg:rgba(0,0,0,0.6);--radius:20px;--radius-sm:14px;--radius-xs:8px;--radius-full:9999px;--transition:0.3s cubic-bezier(0.25,0.46,0.45,0.94);--glass:rgba(255,255,255,0.85);--glass-border:rgba(0,0,0,0.07);}[data-theme="dark"]{--text:#F5F5F7;--text-secondary:#BBBBBB;--text-muted:#777777;--bg:#141414;--bg-page:#0A0A0A;--bg-subtle:#1E1E1E;--bg-card:#1A1A1A;--border:#2E2E2E;--border-light:#242424;--primary-bg:rgba(20,40,160,0.18);--primary-bg2:rgba(20,40,160,0.1);--nav-bg:rgba(10,10,10,0.95);--modal-bg:rgba(0,0,0,0.85);--shadow-xs:0 1px 4px rgba(0,0,0,0.4);--shadow-sm:0 4px 16px rgba(0,0,0,0.45);--shadow:0 8px 32px rgba(0,0,0,0.55);--shadow-md:0 16px 48px rgba(0,0,0,0.65);--shadow-lg:0 32px 64px rgba(0,0,0,0.75);--glass:rgba(20,20,20,0.9);--glass-border:rgba(255,255,255,0.06);}body{font-family:'Pretendard Variable','Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg-page);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;transition:background 0.3s,color 0.3s;}a{ text-decoration:none;color:inherit;}button{ font-family:inherit;}::-webkit-scrollbar{ width:4px;}::-webkit-scrollbar-track{ background:transparent;}::-webkit-scrollbar-thumb{ background:var(--border);border-radius:0;}[data-theme="dark"] ::-webkit-scrollbar-thumb{ background:var(--border);}.navbar{background:var(--nav-bg);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-bottom:1px solid var(--glass-border);position:fixed;top:0;left:0;right:0;z-index:1001;height:64px;padding-top:env(safe-area-inset-top,0px);transition:var(--transition);}.navbar.scrolled{box-shadow:0 1px 40px rgba(0,0,0,0.08);border-bottom-color:var(--border);}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%;gap:8px;position:relative;}@media (min-width:769px){.nav-container{max-width:none;padding:0 32px;}}.nav-menu.guest-mode{position:absolute;left:50%;transform:translateX(-50%);pointer-events:auto;}.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;}.nav-logo:hover{ opacity:0.8;}.logo-img{width:36px;height:36px;border-radius:4px;box-shadow:none;border:1px solid var(--border);}.logo-title{font-weight:700;font-size:1rem;color:var(--text);letter-spacing:-0.3px;}.logo-subtitle{display:block;font-size:0.62rem;color:var(--text-muted);font-weight:500;margin-top:-2px;}.logo-clock{display:block;font-size:0.58rem;color:var(--primary-light);font-weight:600;margin-top:1px;font-variant-numeric:tabular-nums;letter-spacing:0.02em;}.nav-menu{display:flex;list-style:none;gap:1px;flex:1;justify-content:center;}.nav-menu a{padding:6px 12px;border-radius:var(--radius-full);font-size:0.8rem;font-weight:700;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;}.nav-menu a:hover{ color:var(--primary);background:var(--primary-bg);}.nav-menu a.active{color:white;background:var(--primary);box-shadow:none;}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative;z-index:1;}.nav-auth{ display:flex;gap:8px;align-items:center;}.user-info{ display:flex;align-items:center;gap:10px;}.user-info span{ font-size:0.84rem;font-weight:600;color:var(--text-secondary);}.nav-auth-desktop{ display:flex;align-items:center;gap:8px;}.nav-menu-user-section{ display:none !important;}.nav-menu-divider{height:1px;background:var(--border);margin:6px 0;}.nav-menu-user-label{display:block;font-size:0.75rem;color:var(--text-muted);padding:4px 0 8px;font-weight:600;letter-spacing:0.03em;}.user-badge{font-size:0.62rem;padding:3px 10px;border-radius:var(--radius-full);font-weight:700;}.badge-admin{background:linear-gradient(135deg,var(--primary-bg),var(--primary-bg2));color:var(--primary);border:1px solid var(--primary-lighter);}.badge-user{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border:1px solid #a7f3d0;}[data-theme="dark"] .badge-user{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.25);}[data-theme="dark"] .card,[data-theme="dark"] .feature-card,[data-theme="dark"] .recent-card{background:var(--bg-card);border-color:var(--border);}[data-theme="dark"] .feature-card:hover,[data-theme="dark"] .recent-card:hover{border-color:rgba(20,40,160,0.5);box-shadow:0 20px 60px rgba(20,40,160,0.2),var(--shadow-md);}[data-theme="dark"] .feature-icon{background:var(--primary-bg);box-shadow:none;}[data-theme="dark"] .feature-card:hover .feature-icon{box-shadow:none;}[data-theme="dark"] .week-nav-btn{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-xs);}[data-theme="dark"] .lunch-widget-header{background:var(--bg-subtle);border-color:var(--border);}[data-theme="dark"] .lunch-widget-body{border-color:var(--border);}[data-theme="dark"] .week-nav-btn:hover{background:var(--bg-subtle);border-color:var(--primary-light);color:var(--primary-light);}[data-theme="dark"] .lunch-page-card{background:var(--bg-card);border-color:var(--border);}[data-theme="dark"] .navbar{border-bottom-color:var(--border);box-shadow:var(--shadow-sm);}[data-theme="dark"] .hero::after{background:var(--bg-page);}[data-theme="dark"] .icon-shortcut-box{background:var(--bg-card);border-color:var(--border);}[data-theme="dark"] .icon-shortcut-item:hover .icon-shortcut-box{border-color:var(--primary-light);box-shadow:var(--shadow-sm);}[data-theme="dark"] .dday-chip-normal{background:var(--bg-card);border-color:var(--border);}[data-theme="dark"] .footer{background:#000000;border-top:1px solid var(--border);}[data-theme="dark"] .section-header h2{color:var(--text);}.theme-toggle{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;}.theme-toggle:hover{border-color:var(--primary-light);background:var(--primary-bg);transform:scale(1.08);}.theme-icon{ font-size:1.1rem;line-height:1;}.nav-home-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--border);background:none;color:var(--text);cursor:pointer;transition:var(--transition);flex-shrink:0;}.nav-home-btn:hover{ background:var(--primary-bg);color:var(--primary);}@media (max-width:768px){.nav-home-btn{ display:flex;}}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-xs);position:relative;z-index:1003;pointer-events:auto;}.hamburger:hover{ background:var(--primary-bg);}.hamburger span{width:20px;height:2px;background:var(--text-secondary);border-radius:2px;transition:var(--transition);pointer-events:none;}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0);}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.btn{padding:10px 22px;border-radius:var(--radius-sm);font-size:0.86rem;font-weight:700;cursor:pointer;border:none;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:0.01em;}.btn::before{ display:none;}.btn-primary{background:var(--primary);color:white;box-shadow:0 4px 20px rgba(20,40,160,0.3);border-radius:50px;}.btn-primary:hover{transform:translateY(-2px);background:var(--primary-dark);box-shadow:0 8px 32px rgba(20,40,160,0.45);}.btn-primary:active{ transform:translateY(0);}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);box-shadow:none;border-radius:50px;}.btn-outline::before{ display:none;}.btn-outline:hover{background:var(--primary-bg);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:none;}.btn-danger{background:var(--danger);color:white;box-shadow:0 4px 20px rgba(217,48,37,0.3);border-radius:50px;}.btn-danger:hover{ transform:translateY(-2px);box-shadow:0 8px 32px rgba(217,48,37,0.4);background:#B52A1F;}.btn-sm{ padding:6px 14px;font-size:0.78rem;border-radius:var(--radius-xs);}.btn-ghost{background:transparent;color:var(--text-muted);padding:6px 12px;box-shadow:none;}.btn-ghost::before{ display:none;}.btn-ghost:hover{ background:var(--primary-bg);color:var(--primary);}.global-orb{ display:none;}.hero{background:radial-gradient(ellipse 70% 80% at 75% 45%,rgba(20,40,160,0.55) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 95% 10%,rgba(0,119,200,0.3) 0%,transparent 55%),radial-gradient(ellipse 30% 40% at 60% 90%,rgba(77,127,255,0.15) 0%,transparent 60%),#000000;padding:120px 0 0;color:var(--text);position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;}@media (min-width:769px){.hero{ min-height:100svh;}}.hero-inner{max-width:1200px;margin:0 auto;padding:40px 56px 60px;display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:5;flex:1;}.hero-orb-visual{flex:0 0 420px;width:420px;height:420px;position:relative;animation:heroFadeUp 1.2s 0.1s cubic-bezier(0.16,1,0.3,1) both;}.hero-orb-visual::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#1428A0 0%,#4D7FFF 25%,#0077C8 50%,#80BBFF 75%,#1428A0 100%);animation:samsungRotate 8s linear infinite;mask:radial-gradient(farthest-side,transparent calc(100% - 3px),white calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),white calc(100% - 2px));filter:blur(0.5px);}.hero-orb-visual::after{content:'';position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(77,127,255,0.9) 0%,rgba(20,40,160,0.7) 35%,rgba(0,5,30,0.95) 70%);box-shadow:0 0 60px rgba(20,40,160,0.8),0 0 120px rgba(77,127,255,0.4),inset 0 0 40px rgba(128,187,255,0.15);}@keyframes samsungRotate{from{ transform:rotate(0deg);}to{ transform:rotate(360deg);}}.hero-orb-glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(20,40,160,0.4) 0%,rgba(0,119,200,0.2) 40%,transparent 70%);filter:blur(30px);animation:orbBreath 4s ease-in-out infinite;}@keyframes orbBreath{0%,100%{ transform:scale(1);opacity:0.8;}50%{ transform:scale(1.08);opacity:1;}}.hero-stats-bar{display:flex;align-items:stretch;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,0.06);position:relative;z-index:3;max-width:100%;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:8px;border-right:1px solid rgba(255,255,255,0.06);transition:background 0.3s;}.hero-stat:hover{ background:rgba(255,255,255,0.04);}.hero-stat:last-child{ border-right:none;}.hero-stat-num{font-size:2.8rem;font-weight:200;color:#ffffff;letter-spacing:-2px;line-height:1;}.hero-stat-label{font-size:0.7rem;color:rgba(255,255,255,0.4);font-weight:400;letter-spacing:0.1em;text-transform:uppercase;white-space:nowrap;}.hero-stat-sep{ display:none;}.hero-blob-1,.hero-blob-2,.hero-blob-3,.hero-blob-4{ display:none;}[data-theme="dark"] .hero{background:#000000;}[data-theme="dark"] .hero-blob-1,[data-theme="dark"] .hero-blob-2,[data-theme="dark"] .hero-blob-3,[data-theme="dark"] .hero-blob-4{ display:none;}.hero-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}.hero-blob{display:block;position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}.hero-blob-1{width:55vw;height:55vw;max-width:700px;max-height:700px;top:-25%;left:-15%;animation:blobDrift1 14s ease-in-out infinite;}.hero-blob-2{width:45vw;height:45vw;max-width:580px;max-height:580px;top:-20%;right:-10%;animation:blobDrift2 18s ease-in-out infinite;}.hero-blob-3{width:40vw;height:40vw;max-width:500px;max-height:500px;bottom:-30%;left:30%;animation:blobDrift3 12s ease-in-out infinite;}.hero-blob-4{width:30vw;height:30vw;max-width:380px;max-height:380px;top:40%;right:5%;animation:blobDrift1 20s ease-in-out infinite reverse;}@keyframes blobDrift1{0%,100%{ transform:translate(0,0) scale(1);}33%{ transform:translate(4%,6%) scale(1.06);}66%{ transform:translate(-3%,3%) scale(0.96);}}@keyframes blobDrift2{0%,100%{ transform:translate(0,0) scale(1);}40%{ transform:translate(-5%,4%) scale(1.08);}70%{ transform:translate(3%,-5%) scale(0.94);}}@keyframes blobDrift3{0%,100%{ transform:translate(0,0) scale(1);}50%{ transform:translate(5%,-4%) scale(1.1);}}.hero-grid{display:block;position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 70% 80% at 75% 45%,rgba(20,40,160,0.55) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 95% 10%,rgba(0,119,200,0.3) 0%,transparent 55%),radial-gradient(ellipse 30% 40% at 60% 90%,rgba(77,127,255,0.15) 0%,transparent 60%);animation:heroAmbient 8s ease-in-out infinite alternate;}@keyframes heroAmbient{from{ opacity:0.8;}to{ opacity:1;}}.hero-content{position:relative;z-index:3;max-width:620px;text-align:left;}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:transparent;padding:0;border-radius:0;font-size:0.72rem;font-weight:500;margin-bottom:24px;border:none;border-left:3px solid #1428A0;padding-left:14px;letter-spacing:0.14em;color:rgba(255,255,255,0.6);text-transform:uppercase;margin-bottom:0;}.hero-badge #heroClock{font-variant-numeric:tabular-nums;letter-spacing:0.05em;opacity:0.9;}.hero h1{font-size:6.5rem;font-weight:200;margin-bottom:28px;line-height:1.0;letter-spacing:-4px;text-shadow:none;animation:heroFadeUp 1s cubic-bezier(0.16,1,0.3,1) both;}@keyframes heroFadeUp{from{ opacity:0;transform:translateY(40px);}to{ opacity:1;transform:translateY(0);}}.hero h1 .highlight{position:relative;display:inline-block;background:linear-gradient(135deg,#80BBFF 0%,#4D7FFF 40%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:none;font-weight:700;}.hero h1 .highlight::after{display:none;}.hero p{font-size:1.15rem;opacity:0.5;max-width:480px;margin:0 0 48px;font-weight:300;line-height:1.95;animation:heroFadeUp 1s 0.2s cubic-bezier(0.16,1,0.3,1) both;text-shadow:0 1px 10px rgba(0,0,0,0.3);letter-spacing:0.01em;}.hero-btn{padding:14px 40px;background:#1428A0;color:white;border:1px solid rgba(255,255,255,0.2);border-radius:4px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:none;-webkit-tap-highlight-color:transparent;letter-spacing:0.04em;position:relative;overflow:hidden;}.hero-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 60%);opacity:0;transition:opacity 0.3s;}.hero-btn:hover{transform:none;background:#0F1F8C;box-shadow:none;}.hero-btn:hover::before{ opacity:1;}.hero-clock{font-size:4rem;font-weight:100;color:#fff;letter-spacing:2px;margin:32px 0 36px;text-shadow:none;font-variant-numeric:tabular-nums;line-height:1;opacity:0.9;}.hero-btn-row{display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap;animation:heroFadeUp 1s 0.35s cubic-bezier(0.16,1,0.3,1) both;}.hero-btn-primary{padding:16px 40px;background:linear-gradient(90deg,rgb(29,78,216) 0%,rgb(16,185,129) 100%);color:rgba(255,255,255,0.9);border:1.5px solid rgba(255,255,255,0.2);border-radius:14px;font-size:0.97rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;letter-spacing:0.02em;}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(29,78,216,0.4);border-color:rgba(255,255,255,0.4);}.hero-btn-outline{padding:16px 40px;background:linear-gradient(90deg,rgb(29,78,216) 0%,rgb(16,185,129) 100%);color:rgba(255,255,255,0.9);border:1.5px solid rgba(255,255,255,0.2);border-radius:14px;font-size:0.97rem;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,transform .2s;letter-spacing:0.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.hero-btn-outline:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(29,78,216,0.4);border-color:rgba(255,255,255,0.4);}.hero::after{ display:none;}.recent-notices{padding:60px 20px 0;max-width:1200px;margin:0 auto;}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;}.recent-card{background:var(--bg-card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);cursor:pointer;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s cubic-bezier(0.25,0.46,0.45,0.94),border-color 0.3s;display:flex;flex-direction:column;position:relative;overflow:hidden;}.recent-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);opacity:0;transition:var(--transition);}.recent-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md),0 0 0 1px rgba(20,40,160,0.08);border-color:transparent;}.recent-card:hover::before{ opacity:1;}.recent-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.7rem;font-weight:700;color:var(--primary);background:var(--primary-bg);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:14px;align-self:flex-start;border:1px solid var(--primary-lighter);}.recent-card h4{font-size:0.95rem;font-weight:700;margin-bottom:8px;color:var(--text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.recent-card p{font-size:0.82rem;color:var(--text-muted);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.recent-card-footer{margin-top:16px;font-size:0.73rem;color:var(--text-muted);font-weight:500;padding-top:14px;border-top:1px solid var(--border-light);}.features{padding:100px 20px;max-width:1200px;margin:0 auto;}.section-header{text-align:center;margin-bottom:56px;}.section-header h2{font-size:2.8rem;font-weight:700;color:var(--text);margin-bottom:14px;letter-spacing:-1.5px;line-height:1.1;}.section-header p{color:var(--text-muted);font-size:1rem;font-weight:300;max-width:480px;margin:0 auto;line-height:1.8;}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}.feature-card{background:var(--bg-card);border-radius:var(--radius);padding:36px 28px 32px;text-align:left;box-shadow:var(--shadow-sm);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s cubic-bezier(0.25,0.46,0.45,0.94),border-color 0.3s;cursor:pointer;border:1px solid var(--border-light);position:relative;overflow:hidden;}.feature-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 40%,rgba(20,40,160,0.4) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.4s;pointer-events:none;}.feature-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity 0.4s;border-radius:var(--radius) var(--radius) 0 0;}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md),0 0 0 1px rgba(20,40,160,0.08);border-color:transparent;}.feature-card:hover::before{ opacity:1;}.feature-card:hover::after{ opacity:1;}.feature-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--primary-bg2) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.4s;position:relative;z-index:1;box-shadow:none;}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-6deg);box-shadow:0 8px 24px rgba(20,40,160,0.2);}.feature-card h3{font-size:1rem;font-weight:800;margin-bottom:8px;color:var(--text);position:relative;z-index:1;letter-spacing:-0.2px;}.feature-card p{font-size:0.8rem;color:var(--text-muted);line-height:1.6;position:relative;z-index:1;}.page{padding:88px 20px 60px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 120px);animation:page-in 0.22s cubic-bezier(0.25,0.46,0.45,0.94) both;}@keyframes page-in{from{ opacity:0;transform:translateY(10px);}to{ opacity:1;transform:translateY(0);}}#ptr-indicator{position:fixed;top:68px;left:50%;transform:translateX(-50%) translateY(-8px);z-index:1200;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 16px 6px 12px;font-size:0.8rem;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;display:flex;align-items:center;gap:7px;white-space:nowrap;transition:opacity 0.15s,transform 0.15s;}#ptr-indicator.ptr-pulling{opacity:1;}#ptr-indicator.ptr-ready{opacity:1;color:var(--primary);border-color:var(--primary-lighter);transform:translateX(-50%) translateY(0);}#ptr-indicator.ptr-loading{opacity:1;transform:translateX(-50%) translateY(0);}.ptr-arrow{font-size:1rem;display:inline-block;transition:transform 0.2s;}#ptr-indicator.ptr-ready .ptr-arrow{transform:rotate(180deg);}.ptr-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.7s linear infinite;flex-shrink:0;display:none;}#ptr-indicator.ptr-loading .ptr-spinner{ display:block;}#ptr-indicator.ptr-loading .ptr-arrow{ display:none;}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px;}.page-header h2{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-0.3px;}.header-white .page-header h2,.header-white h2,.header-white .month-display{color:white !important;}.header-white .btn-nav{background:var(--primary);color:white;border-color:var(--primary);}.header-white .btn-nav:hover{background:var(--primary-dark);border-color:var(--primary-dark);}.search-box{display:flex;gap:8px;margin-bottom:18px;}.search-input{flex:1;padding:12px 18px 12px 44px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:0.9rem;font-family:inherit;background:var(--bg-card);color:var(--text);transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center;}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,70,229,0.08);}.search-input::placeholder{ color:var(--text-muted);}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border-light);transition:background 0.3s,border 0.3s;}.card-body{ padding:28px;}.form-group{ margin-bottom:20px;}.form-group label{display:block;font-size:0.84rem;font-weight:700;margin-bottom:8px;color:var(--text);letter-spacing:0.01em;}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:0.9rem;transition:var(--transition);font-family:inherit;background:var(--bg-subtle);color:var(--text);-webkit-appearance:none;}@media (max-width:768px){.form-input,.form-textarea,.form-select{font-size:16px;}}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,70,229,0.08);background:var(--bg-card);}.form-input::placeholder,.form-textarea::placeholder{ color:var(--text-muted);}.form-textarea{ resize:vertical;min-height:130px;line-height:1.8;}.form-check{display:flex;align-items:center;gap:10px;cursor:pointer;}.form-check input[type="checkbox"]{accent-color:var(--primary);width:18px;height:18px;cursor:pointer;}.post-list{ list-style:none;}.post-item{display:flex;align-items:center;padding:16px 28px;border-bottom:1px solid var(--border-light);transition:var(--transition);cursor:pointer;gap:12px;-webkit-tap-highlight-color:transparent;}.post-item:hover{ background:var(--primary-bg);}.post-item:active{ background:var(--primary-bg2);}.post-item:last-child{ border-bottom:none;}.post-pinned{ background:var(--primary-bg) !important;}.pin-badge{background:linear-gradient(135deg,var(--primary),var(--cyan));color:white;font-size:0.62rem;padding:4px 10px;border-radius:var(--radius-full);font-weight:700;white-space:nowrap;box-shadow:0 2px 8px rgba(79,70,229,0.25);flex-shrink:0;}.post-title{flex:1;font-weight:600;font-size:0.9rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.post-title .comment-count{color:var(--primary);font-size:0.76rem;font-weight:700;margin-left:5px;}.post-meta{font-size:0.74rem;color:var(--text-muted);white-space:nowrap;font-weight:500;flex-shrink:0;}.post-detail{ padding:32px;}.post-detail-header{border-bottom:1px solid var(--border-light);padding-bottom:20px;margin-bottom:24px;}.post-detail-header h2{font-size:1.35rem;font-weight:800;margin-bottom:12px;line-height:1.4;word-break:keep-all;letter-spacing:-0.2px;}.post-detail-meta{display:flex;gap:16px;font-size:0.81rem;color:var(--text-muted);font-weight:500;flex-wrap:wrap;}.post-detail-content{line-height:1.95;margin-bottom:26px;white-space:pre-wrap;word-break:break-word;font-size:0.93rem;color:var(--text-secondary);}.post-detail-actions{display:flex;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light);flex-wrap:wrap;}.attachment-box{background:var(--primary-bg);border-radius:var(--radius-sm);padding:14px 20px;margin-bottom:24px;border:1px solid var(--primary-lighter);font-size:0.88rem;}.attachment-box a{ color:var(--primary);font-weight:600;}.comments-section h4{font-size:0.95rem;font-weight:700;margin-bottom:16px;color:var(--text);}.comment-item{background:var(--bg-subtle);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:10px;border:1px solid var(--border-light);transition:var(--transition);}.comment-item:hover{ border-color:var(--primary-lighter);}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;}.comment-author{ font-weight:700;font-size:0.84rem;color:var(--text);}.comment-date{font-size:0.72rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-shrink:0;}.comment-text{ font-size:0.88rem;color:var(--text-secondary);line-height:1.7;}.comment-form{display:flex;gap:8px;margin-top:16px;}.comment-form input{flex:1;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:0.88rem;font-family:inherit;background:var(--bg-subtle);color:var(--text);transition:var(--transition);}.comment-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,70,229,0.08);}.comment-form input::placeholder{ color:var(--text-muted);}.timetable-container{ overflow-x:auto;border-radius:var(--radius);-webkit-overflow-scrolling:touch;}.timetable{width:100%;border-collapse:separate;border-spacing:8px;text-align:center;min-width:520px;padding:8px;}.timetable th{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:16px 12px;font-weight:700;font-size:0.88rem;border-radius:12px;letter-spacing:0.03em;box-shadow:0 4px 12px rgba(99,102,241,0.2);}.timetable th.today-col{background:linear-gradient(135deg,var(--accent),#be123c) !important;box-shadow:0 6px 20px rgba(244,63,94,0.35);transform:translateY(-3px);}.timetable td{padding:14px 10px;font-size:0.82rem;transition:var(--transition);background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid var(--border-light);vertical-align:middle;position:relative;}.timetable td:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,0.12);}.timetable .today-col{border:2px solid var(--accent) !important;background:linear-gradient(135deg,rgba(244,63,94,0.08),var(--primary-bg)) !important;box-shadow:0 4px 16px rgba(244,63,94,0.2) !important;}.timetable td .subject-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-weight:700;font-size:0.85rem;color:#fff;margin-bottom:6px;letter-spacing:0.02em;text-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:var(--transition);}.timetable td .subject-chip:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,0.25);}.timetable td .teacher{font-size:0.72rem;color:var(--text-muted);font-weight:500;display:block;margin-top:3px;}.period-cell{font-weight:700 !important;background:linear-gradient(135deg,var(--bg-subtle),var(--primary-bg)) !important;color:var(--primary) !important;border:1px solid var(--border) !important;white-space:nowrap;min-width:56px;}.period-cell small{color:var(--text-muted);font-weight:400;font-size:0.72rem;display:block;margin-top:2px;}.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}.cat-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:var(--radius-full);border:2px solid transparent;font-size:0.8rem;font-weight:700;cursor:pointer;background:var(--bg-card);transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow-xs);}.cat-tab:hover{ opacity:0.85;transform:translateY(-1px);}.cat-count{background:rgba(0,0,0,0.12);color:inherit;font-size:0.68rem;padding:1px 6px;border-radius:var(--radius-full);font-weight:700;margin-left:2px;}.cat-tab-active .cat-count{ background:rgba(255,255,255,0.25);}.notice-list-card{ padding:0;}.notice-card-list{display:flex;flex-direction:column;gap:0;}.notice-card{padding:20px 26px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition);position:relative;}.notice-card:last-child{ border-bottom:none;}.notice-card:hover{ background:var(--primary-bg);}.notice-card:active{ background:var(--primary-bg2);}.notice-card-pinned{background:var(--primary-bg) !important;border-left:3px solid var(--primary);padding-left:23px;}.notice-card-badges{display:flex;gap:6px;align-items:center;margin-bottom:8px;flex-wrap:wrap;}.cat-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;color:#fff;letter-spacing:0.01em;}.notice-card-title{font-size:0.95rem;font-weight:700;color:var(--text);margin-bottom:5px;line-height:1.4;word-break:keep-all;}.notice-attach-icon{ font-size:0.85rem;margin-left:4px;}.notice-card-preview{font-size:0.8rem;color:var(--text-muted);margin-bottom:8px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}.notice-card-meta{display:flex;gap:12px;font-size:0.72rem;color:var(--text-muted);font-weight:500;flex-wrap:wrap;align-items:center;}.notice-comment-count{color:var(--primary);font-weight:600;}.cat-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;}.cat-select-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-secondary);}.cat-select-btn:hover{border-color:var(--cat-color,var(--primary));color:var(--cat-color,var(--primary));background:var(--primary-bg);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.cat-select-active{border-color:var(--cat-color,var(--primary)) !important;background:var(--cat-color,var(--primary)) !important;color:#fff !important;box-shadow:0 4px 16px rgba(0,0,0,0.15);transform:translateY(-2px);}.cat-select-icon{ font-size:1.35rem;}.cat-select-label{ font-size:0.78rem;font-weight:700;}.vote-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;margin-bottom:16px;border:1px solid var(--border-light);transition:var(--transition);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;}.vote-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--cyan));opacity:0;transition:var(--transition);}.vote-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-lighter);transform:translateY(-3px);}.vote-card:hover::before{ opacity:1;}.vote-card h3{ font-size:1.05rem;font-weight:800;margin-bottom:4px;}.vote-meta{ font-size:0.78rem;color:var(--text-muted);margin-bottom:18px;font-weight:500;}.vote-option{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;cursor:pointer;transition:var(--transition);background:var(--bg-subtle);-webkit-tap-highlight-color:transparent;}.vote-option:hover{ border-color:var(--primary-light);background:var(--primary-bg);}.vote-option.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 4px rgba(79,70,229,0.08);}.vote-option input[type="radio"]{ accent-color:var(--primary);width:18px;height:18px;}.vote-bar-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:0.85rem;font-weight:600;}.vote-bar{height:10px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;}.vote-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--cyan));border-radius:var(--radius-full);transition:width 0.8s cubic-bezier(0.4,0,0.2,1);}.vote-total{text-align:right;font-size:0.8rem;color:var(--text-muted);margin-top:14px;font-weight:600;}.vote-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;}.vote-status.active{ background:rgba(16,185,129,0.1);color:#059669;border:1px solid rgba(16,185,129,0.25);}.vote-status.closed{ background:rgba(239,68,68,0.08);color:#dc2626;border:1px solid rgba(239,68,68,0.2);}.auth-container{ max-width:440px;margin:0 auto;padding-top:30px;}.auth-card{background:var(--bg-card);border-radius:24px;box-shadow:var(--shadow-lg);padding:44px 36px;border:1px solid var(--border-light);position:relative;overflow:hidden;}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--cyan),var(--primary));background-size:200% 100%;animation:shimmer 3s linear infinite;}@keyframes shimmer{0%{ background-position:200% 0;}100%{ background-position:-200% 0;}}.auth-card h2{ text-align:center;margin-bottom:6px;font-size:1.5rem;font-weight:900;}.auth-card .auth-sub{text-align:center;color:var(--text-muted);font-size:0.85rem;margin-bottom:30px;}.auth-logo{ display:flex;justify-content:center;margin-bottom:24px;}.auth-logo img{width:64px;height:64px;border-radius:18px;box-shadow:var(--shadow-md);border:3px solid var(--primary-bg2);}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-bg);backdrop-filter:blur(10px);z-index:2000;justify-content:center;align-items:center;padding:16px;}.modal-overlay.active{ display:flex;}.modal{background:var(--bg-card);border-radius:22px;width:100%;max-width:540px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);}@keyframes modalPop{from{ opacity:0;transform:scale(0.92) translateY(10px);}to{ opacity:1;transform:scale(1) translateY(0);}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);}.modal-header h3{ font-size:1.05rem;font-weight:700;color:#fff;}.modal-close{background:var(--bg-subtle);border:1px solid var(--border);font-size:1.1rem;cursor:pointer;color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition);}.modal-close:hover{ background:var(--danger);color:white;border-color:var(--danger);}.modal-body{ padding:28px;}.dday-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:22px 28px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:var(--transition);gap:12px;}.dday-card:hover{ box-shadow:var(--shadow-md);transform:translateY(-2px);}.dday-left{display:flex;align-items:center;gap:18px;min-width:0;}.dday-emoji{font-size:1.8rem;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--primary-bg),var(--primary-bg2));}.dday-info h4{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:2px;}.dday-date{font-size:0.8rem;color:var(--text-muted);font-weight:500;}.dday-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}.dday-label{font-size:1.05rem;font-weight:800;padding:8px 18px;border-radius:var(--radius-full);white-space:nowrap;}.dday-label.dday-today{background:linear-gradient(135deg,var(--primary),var(--cyan));color:white;box-shadow:0 4px 16px rgba(79,70,229,0.35);animation:ddayPulse 2s ease-in-out infinite;}.dday-label.dday-urgent{background:linear-gradient(135deg,#f43f5e,#f97316);color:white;box-shadow:0 4px 14px rgba(244,63,94,0.3);}.dday-label.dday-soon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#78350f;}.dday-label.dday-normal{background:var(--primary-bg);color:var(--primary);}.dday-label.dday-past{background:var(--bg-subtle);color:var(--text-muted);font-size:0.88rem;}.dday-card.dday-today{border-color:var(--primary-lighter);background:linear-gradient(135deg,var(--primary-bg) 0%,rgba(6,182,212,0.04) 100%);}.dday-card.dday-urgent{ border-left:4px solid #f43f5e;}.dday-card.dday-soon{ border-left:4px solid #f59e0b;}.dday-card.dday-past{ opacity:0.6;}@keyframes ddayPulse{0%,100%{ transform:scale(1);}50%{ transform:scale(1.05);}}.dday-banner{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:28px 20px;max-width:1200px;margin:0 auto;}.dday-chip{display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:0.88rem;font-weight:600;border:1px solid var(--border-light);background:var(--bg-card);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;}.dday-chip:hover{ transform:translateY(-3px);box-shadow:var(--shadow-md);}.dday-chip-label{font-weight:800;font-size:0.88rem;}.dday-chip-today{ border-color:var(--primary-lighter);background:var(--primary-bg);}.dday-chip-today .dday-chip-label{ color:var(--primary);}.dday-chip-urgent{ border-color:#fca5a5;background:#fef2f2;}.dday-chip-urgent .dday-chip-label{ color:#dc2626;}[data-theme="dark"] .dday-chip-urgent{ background:rgba(244,63,94,0.08);border-color:rgba(244,63,94,0.25);}.dday-chip-soon{ border-color:#fde68a;background:#fffbeb;}.dday-chip-soon .dday-chip-label{ color:#b45309;}[data-theme="dark"] .dday-chip-soon{ background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.25);}.dday-chip-normal .dday-chip-label{ color:var(--primary);}.dday-emoji-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}.emoji-btn{width:40px;height:40px;border:1.5px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-subtle);font-size:1.2rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;}.emoji-btn:hover{ border-color:var(--primary-light);background:var(--primary-bg);}.emoji-btn.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px rgba(79,70,229,0.12);}@media (max-width:768px){.dday-card{ padding:16px 18px;gap:10px;}.dday-emoji{ width:44px;height:44px;font-size:1.5rem;}.dday-info h4{ font-size:0.9rem;}.dday-label{ font-size:0.92rem;padding:6px 14px;}.dday-banner{ padding:18px 12px;gap:8px;}.dday-chip{ padding:10px 16px;font-size:0.82rem;}.emoji-btn{ width:36px;height:36px;font-size:1rem;}}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}.link-card{display:flex;align-items:center;gap:18px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;text-decoration:none;color:var(--text);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;}.link-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-bg),transparent);opacity:0;transition:var(--transition);}.link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-lighter);}.link-card:hover::after{ opacity:1;}.link-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;position:relative;z-index:1;box-shadow:0 4px 12px rgba(0,0,0,0.1);}.link-info{flex:1;min-width:0;position:relative;z-index:1;}.link-info h3{font-size:0.95rem;font-weight:700;margin-bottom:3px;color:var(--text);}.link-info p{font-size:0.8rem;color:var(--text-muted);font-weight:500;}.link-arrow{font-size:1.2rem;color:var(--text-muted);flex-shrink:0;transition:var(--transition);position:relative;z-index:1;}.link-card:hover .link-arrow{color:var(--primary);transform:translateX(5px);}@media (max-width:768px){.links-grid{ grid-template-columns:1fr;}.link-card{ padding:18px 18px;gap:14px;}.link-icon{ width:48px;height:48px;font-size:1.3rem;}.link-info h3{ font-size:0.88rem;}}.empty-state{ text-align:center;padding:70px 20px;color:var(--text-muted);}.empty-state .empty-icon{ font-size:3.2rem;margin-bottom:16px;}.empty-state p{ font-size:0.92rem;font-weight:500;}.footer{background:var(--bg-card);border-top:1px solid var(--border-light);padding:28px 20px;padding-bottom:max(28px,env(safe-area-inset-bottom));text-align:center;color:var(--text-muted);font-size:0.8rem;margin-top:60px;font-weight:500;transition:background 0.3s;}.visitor-wrap{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;}.visitor-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;padding:14px 24px;min-width:90px;transition:transform 0.15s,box-shadow 0.15s;}.visitor-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,0.12);border-color:var(--primary-lighter);}.visitor-card-year{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--primary-bg2) 100%);border-color:var(--primary-lighter);}.visitor-card-icon{font-size:1.3rem;line-height:1;}.visitor-card-num{font-size:1.6rem;font-weight:900;color:var(--primary);letter-spacing:-0.03em;line-height:1;}.visitor-card-label{font-size:0.72rem;font-weight:700;color:var(--text-muted);letter-spacing:0.03em;}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);padding:14px 28px;border-radius:14px;font-size:0.88rem;font-weight:600;z-index:9999;display:flex;align-items:center;gap:8px;font-family:'Noto Sans KR',sans-serif;white-space:nowrap;max-width:calc(100vw - 32px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);}@keyframes fadeInUp{from{ opacity:0;transform:translateY(16px);}to{ opacity:1;transform:translateY(0);}}.card,.vote-card,.auth-card,.recent-card{ animation:fadeInUp 0.35s ease-out;}.rate-limit-banner{background:var(--danger);color:white;text-align:center;padding:10px;font-size:0.85rem;font-weight:600;position:fixed;top:64px;left:0;right:0;z-index:999;}@media (max-width:1200px){.feature-mosaic{ grid-template-columns:repeat(4,1fr);}}@media (max-width:900px){.features-grid{ grid-template-columns:repeat(3,1fr);}.feature-mosaic{ grid-template-columns:repeat(2,1fr);}.recent-grid{ grid-template-columns:1fr;}}@media (max-width:768px){.features-grid{ grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.navbar{height:56px;backdrop-filter:none;-webkit-backdrop-filter:none;}.nav-container{padding:0 14px;flex-direction:row-reverse;}.nav-menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;width:100vw;height:calc(100vh - 56px);height:calc(100dvh - 56px);background:var(--bg-card);flex-direction:column;align-items:stretch;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:1001;gap:4px;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border);pointer-events:auto;margin:0;box-sizing:border-box;}.nav-menu.active{ display:flex;}.nav-menu.guest-mode{position:fixed;left:0;transform:none;}.nav-menu li{ width:100%;pointer-events:auto;}.nav-menu a{display:block;padding:14px 18px;border-radius:var(--radius-sm);font-size:1rem;text-align:center;color:var(--text);transition:var(--transition);}.nav-menu a:hover{background:var(--primary-bg);color:var(--primary);}.nav-menu a.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;}.hamburger{ display:flex;}.logo-subtitle{ display:none;}.logo-clock{ display:none;}.logo-title{ font-size:0.95rem;}.logo-img{ width:32px;height:32px;border-radius:10px;}.nav-auth-desktop{ display:none;}.nav-user-nick{ display:none;}.nav-menu-user-section{ display:block !important;}.hero{ padding:100px 16px 65px;}.hero h1{ font-size:1.85rem;}.hero p{ font-size:0.92rem;}.hero-badge{ font-size:0.75rem;padding:7px 18px;display:inline-flex;}.hero-btn{ padding:14px 30px;font-size:0.9rem;}.hero-clock{ font-size:1.8rem;margin:16px 0 20px;}.hero-btn-primary,.hero-btn-outline{ padding:12px 28px;font-size:0.9rem;}.page{ padding:74px 14px 44px;}.academic-calendar-container{ padding:74px 14px 44px;}.page-header{flex-direction:column;align-items:stretch;gap:10px;}.page-header h2{ font-size:1.25rem;}.post-item{ padding:12px 16px;gap:8px;}.post-title{ font-size:0.85rem;}.post-meta{ font-size:0.7rem;}.post-detail{ padding:20px 16px;}.post-detail-header h2{ font-size:1.1rem;}.comment-form{ flex-direction:column;}.card-body{ padding:20px 18px;}.vote-card{ padding:20px 18px;}.auth-container{ padding-top:16px;}.auth-card{ padding:32px 22px;border-radius:20px;}.modal{ max-width:100%;border-radius:20px;margin:8px;}.modal-body{ padding:20px 18px;}.search-input{ padding:11px 16px 11px 40px;font-size:0.85rem;}.features{ padding:44px 16px;}.section-header h2{ font-size:1.35rem;}.feature-card{ padding:26px 16px 22px;}.recent-notices{ padding:40px 16px 0;}.timetable{ border-spacing:3px;min-width:420px;}.timetable td,.timetable th{ padding:10px 5px;font-size:0.78rem;}.timetable td .subject-chip{ padding:4px 8px;font-size:0.75rem;}.timetable td .teacher{ font-size:0.75rem;}.period-cell small{ font-size:0.7rem;}.user-info span{ font-size:0.8rem;}.user-badge{ font-size:0.75rem;}.footer{ padding:20px 16px;font-size:0.75rem;margin-top:40px;}}@media (max-width:480px){.features-grid{ grid-template-columns:repeat(2,1fr);gap:12px;}.hero{ padding:90px 14px 55px;}.hero h1{ font-size:1.55rem;letter-spacing:-0.4px;}.hero p{ font-size:0.86rem;margin-bottom:28px;}.feature-mosaic{ grid-template-columns:repeat(2,1fr);}.feature-card{ padding:22px 14px 20px;}.feature-icon{ width:52px;height:52px;font-size:1.3rem;border-radius:16px;}.feature-card h3{ font-size:0.85rem;}.feature-card p{ font-size:0.72rem;}.page{ padding:70px 10px 32px;}.academic-calendar-container{ padding:70px 10px 32px;}.post-item{ padding:13px 14px;min-height:48px;}.post-detail{ padding:16px 12px;}.notice-card{ padding:14px 16px;}.cat-select-grid{ grid-template-columns:repeat(3,1fr);gap:6px;}.cat-select-btn{ padding:12px 8px;min-height:48px;}.cat-select-icon{ font-size:1.1rem;}.cat-tabs{ gap:6px;flex-wrap:wrap;}.cat-tab{ padding:8px 14px;font-size:0.78rem;min-height:40px;}.timetable td,.timetable th{ font-size:0.78rem;}.timetable td .teacher{ font-size:0.75rem;}.theme-toggle{ width:36px;height:36px;border-radius:10px;}.theme-icon{ font-size:1rem;}.toast{ font-size:0.82rem;padding:11px 20px;}}@media (max-width:360px){.nav-auth .btn{ font-size:0.78rem;padding:5px 10px;}}.menu-backdrop{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:1000;}.menu-backdrop.active{ display:block;}@media (hover:none) and (pointer:coarse){.btn{ min-height:44px;min-width:44px;}.post-item{ min-height:52px;}.nav-menu a{ min-height:52px;display:flex;align-items:center;justify-content:center;}.theme-toggle{ min-width:44px;min-height:44px;}.hamburger{ min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}.icon-shortcut-box{ min-height:60px;min-width:60px;}.cat-tab{ min-height:44px;padding:10px 18px;}.timetable td{ min-height:52px;}.notice-card{ min-height:60px;}.form-input,.form-textarea,.search-input{ min-height:48px;}.reaction-btn{ min-height:40px;min-width:40px;}.modal-close{ min-width:44px;min-height:44px;}}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);}.admin-table{width:100%;border-collapse:collapse;min-width:480px;}.admin-table th,.admin-table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--border-light);font-size:0.88rem;}.admin-table th{font-weight:700;color:var(--text-muted);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;background:var(--bg-subtle);}.admin-table tr:last-child td{ border-bottom:none;}.admin-table tr:hover td{ background:var(--primary-bg);}.badge-banned{background:rgba(244,63,94,0.1);color:var(--danger);padding:3px 10px;border-radius:var(--radius-full);font-size:0.74rem;font-weight:700;}.badge-active{background:rgba(16,185,129,0.1);color:var(--success);padding:3px 10px;border-radius:var(--radius-full);font-size:0.74rem;font-weight:700;}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;text-align:center;box-shadow:var(--shadow-xs);transition:var(--transition);position:relative;overflow:hidden;}.stat-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--cyan));opacity:0;transition:var(--transition);}.stat-card:hover{border-color:var(--primary-lighter);box-shadow:var(--shadow-sm);transform:translateY(-2px);}.stat-card:hover::before{ opacity:1;}.stat-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin-bottom:10px;}.stat-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.lunch-widget{max-width:1150px;margin:36px auto;padding:0 20px;}.lunch-widget-header{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--primary-bg) 0%,rgba(6,182,212,0.06) 100%);border:1.5px solid var(--primary-lighter);border-radius:var(--radius) var(--radius) 0 0;padding:20px 26px;box-shadow:var(--shadow-xs);}.lunch-icon{ font-size:2.2rem;line-height:1;}.lunch-widget-header h3{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:2px;}.lunch-date{font-size:0.76rem;color:var(--text-muted);font-weight:500;}.lunch-widget-body{background:var(--bg-card);border:1.5px solid var(--primary-lighter);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:18px 26px 22px;box-shadow:var(--shadow-xs);}.lunch-loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:0.88rem;padding:8px 0;}.lunch-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.7s linear infinite;flex-shrink:0;}@keyframes spin{ to{ transform:rotate(360deg);}}.skeleton{background:var(--bg-subtle);border-radius:var(--radius-xs);position:relative;overflow:hidden;flex-shrink:0;}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.55) 50%,transparent 100%);animation:shimmer 1.4s ease-in-out infinite;}[data-theme="dark"] .skeleton::after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.07) 50%,transparent 100%);}@keyframes shimmer{from{ transform:translateX(-100%);}to{ transform:translateX(100%);}}.skeleton-row{display:flex;gap:8px;margin-bottom:8px;}.skeleton-cell{flex:1;height:38px;border-radius:var(--radius-xs);}.skeleton-cell-sm{flex:1;height:26px;border-radius:var(--radius-xs);}.skeleton-cell-lg{flex:1;height:56px;border-radius:var(--radius-xs);}.skeleton-wrap{padding:20px;display:flex;flex-direction:column;gap:0;}.lunch-kcal{display:inline-flex;align-items:center;background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(79,70,229,0.08));color:var(--cyan);border:1px solid rgba(6,182,212,0.25);border-radius:var(--radius-full);padding:4px 14px;font-size:0.74rem;font-weight:700;margin-bottom:12px;}[data-theme="dark"] .lunch-kcal{color:var(--cyan-light);border-color:rgba(6,182,212,0.2);}.allergen-list{margin-left:6px;font-size:0.7rem;color:var(--primary);font-weight:700;cursor:help;letter-spacing:0.5px;}.allergen-panel{background:var(--bg-card);border-radius:var(--radius-sm);padding:14px 20px;width:100%;box-sizing:border-box;border:1px solid var(--border-light);box-shadow:var(--shadow-xs);margin-bottom:18px;}.allergen-panel-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;}.allergen-panel-toggle span:first-child{font-size:0.95rem;font-weight:700;color:var(--text);}.allergen-panel-arrow{margin-left:auto;font-size:0.85rem;color:var(--text-muted);transition:transform 0.25s ease;}.allergen-panel.open .allergen-panel-arrow{transform:rotate(180deg);}.allergen-panel-items{display:none;flex-wrap:wrap;gap:6px 14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);}.allergen-panel.open .allergen-panel-items{display:flex;}.allergen-panel-item{font-size:0.82rem;color:var(--text-secondary);font-weight:500;}.allergen-panel-item strong{color:var(--primary);font-weight:700;margin-right:3px;}.lunch-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;}.lunch-item{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:5px 14px;font-size:0.84rem;font-weight:500;color:var(--text-secondary);transition:var(--transition);}.lunch-item:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-bg);transform:translateY(-1px);}.lunch-empty{font-size:0.88rem;color:var(--text-muted);padding:8px 0;}.lunch-allergy{display:inline-block;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:4px;padding:2px 6px;font-size:0.75rem;font-weight:600;margin-left:4px;}[data-theme="dark"] .lunch-allergy{background:rgba(217,119,6,0.15);border-color:rgba(217,119,6,0.3);color:#fbbf24;}.week-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:0 0 24px;}.week-nav-btn{padding:9px 20px;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;font-weight:600;font-size:0.95rem;font-family:inherit;transition:var(--transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;}.week-nav-btn:hover{background:var(--bg-subtle);border-color:var(--primary-lighter);color:var(--primary);box-shadow:var(--shadow-sm);}.week-nav-btn:active{transform:scale(0.97);box-shadow:none;}.week-nav-label{font-size:1.5rem;font-weight:800;color:var(--text);min-width:120px;text-align:center;letter-spacing:-0.01em;}@media (max-width:600px){.week-nav{gap:0;width:100%;flex-wrap:nowrap;}.week-nav-btn{flex:1;min-height:52px;font-size:0.88rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 8px;white-space:nowrap;}.week-nav-label{flex:0 0 auto;font-size:1rem;min-width:72px;text-align:center;padding:0 8px;}}.lunch-page-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:24px;}.lunch-page-inner{ padding:30px 32px 36px;}.lunch-page-kcal{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(79,70,229,0.08));color:var(--cyan);border:1px solid rgba(6,182,212,0.25);border-radius:var(--radius-full);padding:6px 18px;font-size:0.82rem;font-weight:700;margin-bottom:22px;}[data-theme="dark"] .lunch-page-kcal{color:var(--cyan-light);border-color:rgba(6,182,212,0.2);}.lunch-page-items{ display:flex;flex-direction:column;gap:10px;}.lunch-page-item{display:flex;align-items:center;gap:16px;padding:13px 18px;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:0.92rem;font-weight:500;color:var(--text);transition:var(--transition);}.lunch-page-item:hover{border-color:var(--primary-lighter);background:var(--primary-bg);}.lunch-page-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:white;border-radius:50%;font-size:0.72rem;font-weight:700;flex-shrink:0;}.lunch-table-wrapper{overflow-x:auto;margin:0 -20px;padding:0 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;position:relative;}@media (max-width:768px){.lunch-table-wrapper{mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%);}.lunch-table-wrapper.scrolled-end{mask-image:none;-webkit-mask-image:none;}}.lunch-table-horizontal{width:100%;border-collapse:collapse;font-size:0.9rem;}.lunch-table-horizontal thead{background:linear-gradient(135deg,var(--primary-bg),rgba(6,182,212,0.05));border-bottom:2px solid var(--primary-lighter);}.lunch-table-horizontal th{padding:14px 12px;text-align:center;font-weight:700;color:var(--primary);border-bottom:2px solid var(--primary-lighter);border-right:1px solid var(--border-light);}.lunch-table-horizontal th:last-child{ border-right:none;}.lunch-table-header-cell{min-width:90px;padding:12px 10px !important;font-size:0.88rem;scroll-snap-align:center;scroll-snap-stop:always;}.lunch-table-horizontal tbody tr{border-bottom:1px solid var(--border-light);transition:var(--transition);}.lunch-table-horizontal tbody tr:hover{ background:var(--primary-bg);}.lunch-table-horizontal td{padding:11px 12px;text-align:center;vertical-align:middle;border-right:1px solid var(--border-light);font-size:0.85rem;line-height:1.45;min-width:90px;}.lunch-table-horizontal td:last-child{ border-right:none;}.lunch-table-num{background:linear-gradient(135deg,var(--primary-bg),var(--primary-bg2));font-weight:700;color:var(--primary);width:44px;min-width:44px;border-right:2px solid var(--primary-lighter) !important;}.lunch-table-item-cell{color:var(--text);word-break:keep-all;}[data-theme="dark"] .lunch-table-horizontal thead{background:rgba(79,70,229,0.08);}[data-theme="dark"] .lunch-table-num{background:rgba(79,70,229,0.08);}.lunch-table-kcal-row{background:linear-gradient(135deg,var(--primary-bg),rgba(6,182,212,0.04));border-top:2px solid var(--primary-lighter);}.online-badge{ display:none;}.presence-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);white-space:nowrap;}.presence-online{background:rgba(16,185,129,0.1);color:#059669;border:1px solid rgba(16,185,129,0.25);}[data-theme="dark"] .presence-online{background:rgba(16,185,129,0.12);color:#34d399;border-color:rgba(16,185,129,0.3);}.presence-offline{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);}.presence-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;}.presence-online .presence-dot{animation:onlinePulse 2s ease-in-out infinite;box-shadow:0 0 0 2px rgba(16,185,129,0.2);}@keyframes onlinePulse{0%,100%{ opacity:1;transform:scale(1);}50%{ opacity:0.6;transform:scale(0.85);}}.timeout-state{ padding:80px 20px;}.timeout-icon{ font-size:3.5rem;margin-bottom:20px;}.timeout-title{ font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:8px;}.timeout-sub{ font-size:0.88rem;color:var(--text-muted);margin-bottom:24px;}.timeout-countdown-wrap{background:linear-gradient(135deg,var(--primary-bg),rgba(6,182,212,0.06));border:2px solid var(--primary-lighter);border-radius:var(--radius);padding:20px 36px;display:inline-block;margin-bottom:16px;}.timeout-countdown{font-size:2.4rem;font-weight:900;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.timeout-until{ font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;}.timeout-hint{ font-size:0.8rem;color:var(--text-muted);}.hero-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:44px;}.hero-stat-pill{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-full);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-weight:700;font-size:0.86rem;color:#fff;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.15);transition:var(--transition);letter-spacing:0.02em;}.hero-stat-pill:hover{background:rgba(255,255,255,0.22);border-color:rgba(255,255,255,0.4);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.2);}.dday-strip{max-width:1200px;margin:0 auto;padding:24px 20px 0;}.home-icon-shortcuts{display:flex;justify-content:flex-start;gap:20px;padding:28px 0 0;background:transparent;flex-wrap:nowrap;}.icon-shortcut-item{display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;}.icon-shortcut-box{width:72px;height:72px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;}.icon-shortcut-box::after{content:'';position:absolute;bottom:0;left:0;right:0;height:32%;background:var(--primary-bg);border-radius:0 0 18px 18px;pointer-events:none;}.icon-shortcut-item:hover .icon-shortcut-box,.icon-shortcut-item:active .icon-shortcut-box{transform:scale(0.93);box-shadow:var(--shadow-sm);border-color:var(--primary-lighter);}.icon-shortcut-label{font-size:0.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;}@media (max-width:480px){.home-icon-shortcuts{gap:14px;padding:24px 0 0;}.icon-shortcut-box{width:62px;height:62px;border-radius:16px;font-size:1.75rem;}.icon-shortcut-label{font-size:0.73rem;}}.hero-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px;}.hero-clock-badge{font-size:0.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgba(255,255,255,0.7);letter-spacing:0.05em;flex-shrink:0;}.home-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:8px;}.icon-grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);border-radius:20px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background 0.15s,transform 0.15s,border-color 0.15s;}.icon-grid-btn:hover,.icon-grid-btn:active{background:rgba(255,255,255,0.13);border-color:rgba(255,255,255,0.3);transform:scale(0.97);}.icon-grid-emoji{font-size:2rem;line-height:1;}.icon-grid-label{font-size:0.9rem;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:0.02em;}.home-two-col{max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start;}.home-main-col{min-width:0;}.home-side-col{display:flex;flex-direction:column;gap:20px;}.notice-timeline{display:flex;flex-direction:column;gap:0;}.notice-tl-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition);align-items:flex-start;}.notice-tl-item:last-child{border-bottom:none;}.notice-tl-item:hover{background:var(--primary-bg);margin:0 -24px;padding-left:28px;padding-right:24px;border-radius:var(--radius-sm);}.notice-tl-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:5px;}.notice-tl-content{flex:1;min-width:0;}.notice-tl-title{font-weight:700;font-size:0.95rem;color:var(--text);margin-bottom:5px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.45;}.notice-tl-meta{font-size:0.75rem;color:var(--text-muted);}.notice-tl-badge{display:inline-block;border-radius:var(--radius-full);font-size:0.68rem;font-weight:700;padding:2px 9px;flex-shrink:0;}.side-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-xs);}.side-widget .lunch-widget{max-width:none;margin:0;padding:0;}.side-widget .lunch-widget-header{border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:14px 18px;}.side-widget .lunch-widget-body{border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:14px 18px 16px;}.side-widget-title{font-weight:800;font-size:0.95rem;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px;}.side-dday-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light);}.side-dday-item:last-of-type{border-bottom:none;}.side-dday-label{font-size:0.82rem;font-weight:600;color:var(--text);}.side-dday-badge{font-size:0.78rem;font-weight:800;padding:3px 10px;border-radius:var(--radius-full);flex-shrink:0;}.feature-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-items:stretch;}.feature-mosaic .feature-card:first-child{grid-column:span 1;}.feature-card-inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left;height:100%;}.tt-today-bar{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.tt-today-bar::-webkit-scrollbar{ display:none;}.tt-today-chip{flex-shrink:0;padding:10px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:0.84rem;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.25);backdrop-filter:blur(8px);min-width:80px;transition:var(--transition);}.tt-today-chip:hover{background:rgba(255,255,255,0.28);transform:translateY(-2px);}.tt-today-chip .period-num{font-size:0.68rem;font-weight:500;color:rgba(255,255,255,0.75);white-space:nowrap;}.links-grid-v{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.link-card-v{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;text-decoration:none;color:inherit;}.link-card-v:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-lighter);}.link-card-v-top{height:90px;display:flex;align-items:center;justify-content:center;transition:var(--transition);}.link-card-v:hover .link-card-v-top{filter:brightness(1.06);}.link-card-v-body{padding:16px 18px 20px;flex:1;}.link-card-v-body h3{font-size:0.9rem;font-weight:700;margin-bottom:5px;color:var(--text);line-height:1.35;}.link-card-v-body p{font-size:0.76rem;color:var(--text-muted);line-height:1.5;}@media (max-width:900px){.home-two-col{grid-template-columns:1fr;}.feature-mosaic{grid-template-columns:repeat(2,1fr);}.feature-mosaic .feature-card:first-child{grid-column:span 1;}.links-grid-v{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.links-grid-v{grid-template-columns:1fr;}.home-quick-bar{gap:8px;padding:20px 16px 0;}.quick-pill{padding:10px 18px;font-size:0.82rem;}.feature-mosaic{grid-template-columns:1fr;}.feature-mosaic .feature-card:first-child{grid-column:span 1;}.feature-mosaic .feature-card:first-child .feature-card-inner{flex-direction:column;align-items:flex-start;}.hero-stat-pill{font-size:0.8rem;padding:8px 16px;}}.home-side-col .lunch-widget{max-width:100%;margin:0;padding:0;}.home-side-col .lunch-widget-header{border-radius:var(--radius) var(--radius) 0 0;padding:16px 18px;}.home-side-col .lunch-widget-body{border-radius:0 0 var(--radius) var(--radius);padding:14px 18px 18px;}.home-side-col .lunch-list{gap:6px;}.home-side-col .lunch-item{font-size:0.8rem;padding:4px 10px;}.feature-mosaic .feature-card{text-align:left;}.feature-mosaic .feature-card .feature-icon{margin:0 0 14px 0;}.nav-menu a .nav-icon{ margin-right:4px;}.dday-strip{background:var(--bg-subtle);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);}.dday-strip .dday-banner{padding:16px 20px;}.page-header p{font-size:0.86rem;color:var(--text-muted);margin-top:2px;}.school-info-section{max-width:900px;margin:0 auto;padding:60px 20px 80px;}.school-motto-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border-light);border-top:3px solid var(--primary);border-radius:var(--radius);padding:32px 24px;margin-bottom:20px;box-shadow:var(--shadow-sm);text-align:center;}.school-motto-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--cyan));color:white;font-weight:800;font-size:0.95rem;padding:8px 24px;border-radius:var(--radius-full);letter-spacing:0.05em;}.school-motto-text{font-size:1.25rem;font-weight:700;color:var(--text-secondary);letter-spacing:0.1em;}.school-info-list{display:flex;flex-direction:column;gap:16px;}.school-info-item{display:flex;align-items:center;gap:24px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow-sm);transition:var(--transition);}.school-info-item:nth-child(1){ border-top:3px solid #7c3aed;}.school-info-item:nth-child(2){ border-top:3px solid #16a34a;}.school-info-item:nth-child(3){ border-top:3px solid #e11d48;}.school-info-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}.school-info-img-wrap{flex-shrink:0;width:110px;height:110px;border-radius:var(--radius-sm);border:2.5px solid;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);overflow:hidden;}.school-info-img{width:90%;height:90%;object-fit:contain;}.school-info-emoji{font-size:3.5rem;line-height:1;}.school-info-body{flex:1;min-width:0;}.school-info-badge{display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:0.9rem;padding:6px 20px;border-radius:var(--radius-full);margin-bottom:14px;letter-spacing:0.04em;}.school-info-bullets{list-style:none;display:flex;flex-direction:column;gap:8px;}.school-info-bullets li{position:relative;padding-left:16px;font-size:0.9rem;color:var(--text-secondary);line-height:1.65;}.school-info-bullets li::before{content:'●';position:absolute;left:0;top:0;font-size:0.55rem;color:var(--dot,var(--primary));line-height:1.9;}@media (max-width:600px){.school-info-item{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 18px;}.school-info-img-wrap{width:80px;height:80px;}.school-info-emoji{ font-size:2.5rem;}.school-motto-text{ font-size:1.05rem;}}.adm-page{max-width:1100px;}.adm-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--cyan) 100%);border-radius:var(--radius);padding:28px 32px;margin-bottom:48px;box-shadow:var(--shadow-md);}.adm-hero-left{display:flex;align-items:center;gap:18px;}.adm-hero-icon{font-size:2.6rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.25));}.adm-hero-title{font-size:1.55rem;font-weight:800;color:#fff;letter-spacing:-0.02em;}.adm-hero-sub{font-size:0.85rem;color:rgba(255,255,255,0.78);margin-top:4px;}.adm-hero-sub .firebase-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.2);color:#fff;font-size:0.72rem;font-weight:700;padding:2px 10px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.35);margin-left:8px;vertical-align:middle;}.adm-hero-actions{display:flex;gap:10px;flex-shrink:0;}.adm-hero-actions .btn{background:rgba(255,255,255,0.15);color:#fff;border-color:rgba(255,255,255,0.4);backdrop-filter:blur(8px);}.adm-hero-actions .btn:hover{background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.6);}.adm-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px;}.adm-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden;}.adm-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--c,var(--primary));border-radius:var(--radius-sm) var(--radius-sm) 0 0;}.adm-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);}.adm-stat-icon{font-size:1.9rem;line-height:1;flex-shrink:0;}.adm-stat-num{font-size:1.7rem;font-weight:800;letter-spacing:-0.03em;line-height:1;color:var(--text);}.adm-stat-label{font-size:0.75rem;color:var(--text-muted);font-weight:600;margin-top:3px;letter-spacing:0.02em;}.adm-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;}.adm-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle);}.adm-panel-title{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-0.01em;}.adm-panel-meta{font-size:0.8rem;color:var(--text-muted);}.adm-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}.adm-table{width:100%;border-collapse:collapse;font-size:0.875rem;}.adm-table thead th{padding:12px 16px;text-align:left;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap;}.adm-table tbody td{padding:13px 16px;border-bottom:1px solid var(--border-light);vertical-align:middle;}.adm-table tbody tr:last-child td{border-bottom:none;}.adm-row{transition:background var(--transition);}.adm-row:hover{background:var(--bg-subtle);}.adm-row-online{background:rgba(16,185,129,0.05);}.adm-row-online:hover{background:rgba(16,185,129,0.09);}.adm-row-banned{background:rgba(239,68,68,0.04);opacity:0.85;}.adm-row-banned:hover{background:rgba(239,68,68,0.08);}.adm-username{font-weight:700;color:var(--text);font-size:0.875rem;}.adm-nickname{font-weight:500;color:var(--text-secondary);font-size:0.875rem;}.adm-duration{font-size:0.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;}.adm-ip{font-size:0.78rem;color:var(--text-muted);font-family:monospace;letter-spacing:0.02em;}.adm-actions{display:flex;gap:6px;align-items:center;}.adm-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:0.72rem;font-weight:700;letter-spacing:0.02em;white-space:nowrap;}.adm-badge-active{background:rgba(16,185,129,0.12);color:#10b981;border:1px solid rgba(16,185,129,0.25);}.adm-badge-banned{background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.22);}.adm-badge-timeout{background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.22);cursor:help;}.adm-badge-online{background:rgba(16,185,129,0.12);color:#10b981;border:1px solid rgba(16,185,129,0.25);}.adm-badge-offline{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);}.adm-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:adm-pulse 2s infinite;flex-shrink:0;}@keyframes adm-pulse{0%,100%{ opacity:1;transform:scale(1);}50%{ opacity:0.5;transform:scale(0.85);}}.adm-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:0.01em;}.adm-btn-danger{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.25);}.adm-btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444;}.adm-btn-safe{background:rgba(16,185,129,0.1);color:#10b981;border-color:rgba(16,185,129,0.25);}.adm-btn-safe:hover{background:#10b981;color:#fff;border-color:#10b981;}.adm-btn-warn{background:rgba(245,158,11,0.1);color:#f59e0b;border-color:rgba(245,158,11,0.25);}.adm-btn-warn:hover{background:#f59e0b;color:#fff;border-color:#f59e0b;}@media (max-width:900px){.adm-stats{grid-template-columns:repeat(3,1fr);}}@media (max-width:640px){.adm-hero{flex-direction:column;align-items:flex-start;padding:22px 20px;}.adm-hero-title{ font-size:1.25rem;}.adm-stats{grid-template-columns:repeat(2,1fr);}.adm-panel-header{flex-direction:column;align-items:flex-start;gap:6px;}.adm-table thead th,.adm-table tbody td{padding:10px 12px;}}.chat-messages{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;}.chat-msg{display:flex;flex-direction:column;margin-bottom:8px;word-wrap:break-word;word-break:break-word;}.chat-msg-other{align-items:flex-start;}.chat-msg-other .chat-msg-header{order:1;}.chat-msg-other .chat-msg-text{order:2;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;padding:10px 14px;margin-top:4px;max-width:80%;}.chat-msg-mine{align-items:flex-end;}.chat-msg-mine .chat-msg-header{order:1;justify-content:flex-end;}.chat-msg-mine .chat-msg-text{order:2;background:var(--primary);color:white;border-radius:12px;padding:10px 14px;margin-top:4px;max-width:80%;}.chat-msg-header{display:flex;gap:8px;align-items:center;font-size:0.75rem;color:var(--text-muted);margin-bottom:2px;}.chat-msg-author{font-weight:600;color:var(--text-secondary);}.chat-msg-time{display:flex;gap:4px;align-items:center;}.chat-msg-text{font-size:0.95rem;line-height:1.5;white-space:pre-wrap;}.chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light);background:var(--card-bg);}.chat-input-area .form-input{flex:1;margin:0;padding:10px 12px;font-size:0.95rem;}@media (max-width:768px){.chat-msg-other .chat-msg-text,.chat-msg-mine .chat-msg-text{max-width:90%;}}.reaction-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}.chat-msg .reaction-bar{order:3;}.reaction-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid var(--border-light);border-radius:100px;background:var(--bg-card);cursor:pointer;font-size:0.85rem;transition:all 0.15s;color:var(--text-muted);font-family:inherit;}.reaction-btn:hover:not(:disabled){border-color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,transparent);color:var(--rc);}.reaction-btn.active{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 15%,transparent);color:var(--rc);font-weight:700;}.reaction-btn:disabled{opacity:0.5;cursor:default;}.reaction-emoji{font-size:0.95rem;}.reaction-count{font-size:0.78rem;font-weight:700;}.academic-calendar-container{padding:88px 20px 60px;max-width:1000px;margin:0 auto;}.calendar-header{text-align:center;margin-bottom:18px;}.calendar-header h1{display:none;}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;}.btn-nav{padding:8px 16px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition);font-size:0.95rem;}.btn-nav:hover{background:var(--bg-subtle);border-color:var(--border-light);}.month-display{font-size:1.9rem;color:var(--text);min-width:220px;text-align:center;font-weight:800;letter-spacing:-0.01em;}.legend{display:flex;gap:16px;margin-bottom:24px;padding:12px 0;background:transparent;border-radius:0;flex-wrap:wrap;justify-content:center;}.legend-item{display:flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;}.legend-color{width:16px;height:16px;border-radius:3px;}.month-calendar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:30px;box-shadow:none;}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--primary-bg);border-bottom:1px solid var(--border);}.weekday{padding:14px 12px;text-align:center;font-weight:700;color:var(--text-muted);font-size:0.9rem;border-bottom:2px solid var(--border);}.weekday:first-child{color:#ef4444;}.weekday:last-child{color:#3b82f6;}.days{display:grid;grid-template-columns:repeat(7,1fr);min-height:400px;}.day{padding:12px 10px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);min-height:110px;position:relative;background:var(--bg-card);overflow:hidden;}.day:nth-child(7n){border-right:none;}.day.sunday .day-number{color:#ef4444;font-weight:700;}.day.saturday .day-number{color:#3b82f6;font-weight:700;}.day.other-month{background:var(--bg-subtle);}.day-number{font-weight:700;color:var(--text);margin-bottom:6px;font-size:0.95rem;}.day-event{font-size:0.72rem;padding:4px 6px;border-radius:3px;margin-bottom:3px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.event-major{background:#fee2e2;color:#b91c1c;font-weight:600;}.event-exam{background:#dbeafe;color:#1e40af;font-weight:600;}.event-event{background:#fef3c7;color:#92400e;font-weight:600;}.event-education{background:#dcfce7;color:#166534;font-weight:600;}.event-holiday{background:#f3e8ff;color:#6b21a8;font-weight:600;}.event-more{background:var(--text-muted);color:white;}.month-events{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:20px;margin-bottom:20px;box-shadow:none;}.month-events h3{font-size:1.3rem;margin-bottom:15px;color:var(--text);}.events-list{display:flex;flex-direction:column;gap:10px;}.event-item{padding:12px;background:var(--bg-subtle);border-left:4px solid var(--primary);border-radius:var(--radius-xs);display:flex;gap:15px;align-items:center;}.event-date{font-weight:700;color:var(--primary);min-width:50px;font-size:0.95rem;}.event-title{flex:1;color:var(--text);font-size:0.95rem;}.uncertainty-note{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;border-radius:var(--radius-xs);color:#856404;}.uncertainty-note strong{display:block;margin-bottom:5px;}[data-theme="dark"] .uncertainty-note{background:color-mix(in srgb,#ffc107 20%,transparent);color:#ffd700;border-left-color:#ffc107;}@media (max-width:768px){.calendar-nav{flex-direction:column;gap:10px;}.btn-nav{width:100%;}.month-display{width:100%;}.day{min-height:80px;}.day-event{font-size:0.65rem;}.calendar-header h1{font-size:1.8rem;}}.emergency-banner{position:fixed;top:64px;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;padding:10px 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 16px rgba(220,38,38,0.45);border-bottom:2px solid rgba(255,255,255,0.18);animation:emergency-pulse 2.5s ease-in-out infinite;}.emergency-banner-inner{display:flex;align-items:center;gap:10px;max-width:960px;margin:0 auto;font-weight:700;font-size:0.95rem;line-height:1.45;text-align:center;}.emergency-banner-label{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.35);border-radius:20px;padding:2px 10px;font-size:0.78rem;font-weight:800;letter-spacing:0.04em;flex-shrink:0;white-space:nowrap;}.emergency-banner-text{font-weight:600;font-size:0.92rem;}@keyframes emergency-pulse{0%,100%{ background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);}50%{ background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);}}.hero{ padding-top:calc(150px + var(--emergency-h,0px));}.page{ padding-top:calc(120px + var(--emergency-h,0px));}.emergency-admin-preview{display:flex;align-items:flex-start;gap:10px;background:rgba(220,38,38,0.08);border:1.5px solid rgba(220,38,38,0.25);border-left:4px solid #dc2626;border-radius:10px;padding:12px 16px;font-size:0.93rem;font-weight:600;color:var(--text);line-height:1.5;}@media (max-width:768px){.emergency-banner{ top:56px;font-size:0.85rem;padding:9px 16px;}.emergency-banner-text{ font-size:0.85rem;}.hero{ padding-top:calc(120px + var(--emergency-h,0px));}.page{ padding-top:calc(100px + var(--emergency-h,0px));}}@media (max-width:480px){.emergency-banner{ top:56px;padding:8px 12px;}.emergency-banner-inner{ gap:7px;}.emergency-banner-text{ font-size:0.82rem;}.hero{ padding-top:calc(110px + var(--emergency-h,0px));}.page{ padding-top:calc(90px + var(--emergency-h,0px));}}.weather-current-card{display:flex;gap:24px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:28px 32px;box-shadow:var(--shadow-md);align-items:center;flex-wrap:wrap;}.wcc-left{display:flex;flex-direction:column;align-items:center;min-width:140px;gap:4px;}.wcc-icon{ font-size:3.8rem;line-height:1;margin-bottom:4px;}.wcc-temp{ font-size:3rem;font-weight:900;letter-spacing:-2px;line-height:1;}.wcc-label{ font-size:1rem;font-weight:700;color:var(--text-muted);margin-top:4px;}.wcc-feels{ font-size:0.82rem;color:var(--text-muted);margin-top:2px;}.wcc-right{display:flex;flex-direction:column;gap:10px;flex:1;min-width:160px;}.wcc-stat{font-size:0.93rem;color:var(--text);display:flex;align-items:center;gap:6px;}.wcc-stat strong{ font-weight:700;}.section-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-sm);}.advice-row{display:flex;flex-wrap:wrap;gap:8px;}.advice-chip{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:6px 14px;font-size:0.88rem;font-weight:600;}.advice-clothes{background:rgba(99,102,241,0.12);color:#6366f1;border:1px solid rgba(99,102,241,0.25);}.advice-item{background:rgba(16,185,129,0.1);color:#059669;border:1px solid rgba(16,185,129,0.25);}.weather-forecast-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;}.weather-day-card{flex-shrink:0;min-width:100px;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:14px 12px;text-align:center;transition:transform 0.2s;}.weather-day-card:hover{ transform:translateY(-3px);}.weather-day-card.today{background:var(--primary-bg);border-color:var(--primary);}.wdc-date{ font-size:0.78rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;}.wdc-icon{ font-size:1.8rem;margin-bottom:6px;}.wdc-desc{ font-size:0.75rem;color:var(--text-muted);margin-bottom:8px;}.wdc-temp{ display:flex;justify-content:center;gap:6px;font-size:0.88rem;font-weight:700;margin-bottom:4px;}.wdc-rain{ font-size:0.75rem;color:#60a5fa;font-weight:600;}@keyframes spin{ to{ transform:rotate(360deg);}}@media (max-width:600px){.weather-current-card{ padding:20px 16px;gap:16px;}.wcc-icon{ font-size:2.8rem;}.wcc-temp{ font-size:2.2rem;}.section-card{ padding:16px;}}.cleaning-my-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.05) 100%);border:2px solid #10b981;border-radius:16px;padding:16px 22px;margin-bottom:20px;font-weight:600;color:var(--text);}.cleaning-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}.cleaning-area-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform 0.2s;}.cleaning-area-card:hover{ transform:translateY(-2px);}.cleaning-area-card.mine{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,var(--card-bg) 100%);}.cleaning-area-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}.cleaning-area-name{font-size:1rem;font-weight:800;flex:1;}.cleaning-students{display:flex;flex-wrap:wrap;gap:6px;}.cleaning-student-tag{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:3px 10px;font-size:0.8rem;font-weight:600;color:var(--text-muted);}.cleaning-student-tag.me{background:#10b981;color:#fff;border-color:#10b981;}@media (max-width:600px){.cleaning-grid{ grid-template-columns:1fr;}}.location-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:14px;transition:transform 0.2s;}.location-card:hover{transform:translateY(-2px);border-color:var(--primary);}.cleaning-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);}.cleaning-th-area{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;font-weight:800;padding:16px;text-align:left;font-size:0.95rem;min-width:140px;}.cleaning-th-day{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;font-weight:800;padding:14px 12px;text-align:center;font-size:0.9rem;min-width:90px;}.cleaning-td-area{background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(139,92,246,0.08) 100%);padding:14px 16px;border-right:2px solid var(--border);border-bottom:1px solid var(--border);font-weight:600;min-width:140px;}.cleaning-td-day{padding:12px;border-bottom:1px solid var(--border);text-align:center;min-width:90px;background:var(--card-bg);}.cleaning-td-day:not(:last-child){border-right:1px solid var(--border);}.cleaning-td-day:hover{background:var(--bg);}.cleaning-td-day.my-cell{background:rgba(239,68,68,0.1);border:2px solid #ef4444;font-weight:700;color:#ef4444;}.cleaning-cell-content{font-size:0.85rem;color:var(--text-primary);font-weight:600;word-break:break-word;}.cleaning-table tbody tr:hover .cleaning-td-day{background:rgba(99,102,241,0.04);}@media (max-width:768px){.cleaning-th-area,.cleaning-td-area{ min-width:100px;font-size:0.85rem;padding:10px 8px;}.cleaning-th-day,.cleaning-td-day{ min-width:60px;padding:10px 6px;font-size:0.8rem;}}.weather-month-table{width:100%;border-collapse:collapse;}.weather-month-table td{border:1px solid var(--border);padding:12px 8px;text-align:center;background:var(--bg);}.wmt-date{font-size:0.75rem;font-weight:700;color:var(--text-muted);margin-bottom:6px;}.wmt-icon{font-size:1.6rem;margin-bottom:4px;}.wmt-temp{display:flex;justify-content:center;gap:4px;font-size:0.8rem;font-weight:700;}.wmt-max{color:#f97316;}.wmt-min{color:#60a5fa;}.location-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}@media (max-width:480px){.weather-current-card{ padding:16px 12px;gap:12px;flex-direction:column;align-items:flex-start;}.wcc-left{ min-width:unset;flex-direction:row;gap:10px;align-items:center;}.wcc-icon{ font-size:2.4rem;margin-bottom:0;}.wcc-temp{ font-size:1.8rem;}.wcc-right{ min-width:unset;width:100%;}.wcc-stat{ font-size:0.85rem;}.section-card{ padding:14px 12px;}.advice-chip{ font-size:0.82rem;padding:5px 10px;}.weather-day-card{ min-width:80px;padding:10px 8px;}.wdc-icon{ font-size:1.5rem;}.wdc-date,.wdc-desc{ font-size:0.72rem;}.wdc-temp{ font-size:0.82rem;}.location-cards-grid{ grid-template-columns:repeat(2,1fr);gap:8px;}.location-card{ padding:10px;}.wmt-icon{ font-size:1.3rem;}.weather-month-table td{ padding:8px 4px;}.wmt-temp{ font-size:0.72rem;}.wmt-date{ font-size:0.68rem;}}@media (max-width:360px){.wcc-icon{ font-size:2rem;}.wcc-temp{ font-size:1.5rem;}.location-cards-grid{ grid-template-columns:1fr 1fr;gap:6px;}.weather-day-card{ min-width:70px;}}@media (max-width:480px){.cleaning-th-area,.cleaning-td-area{ min-width:80px;font-size:0.78rem;padding:8px 6px;}.cleaning-th-day,.cleaning-td-day{ min-width:48px;padding:8px 4px;font-size:0.75rem;}.cleaning-cell-content{ font-size:0.75rem;}}@media (max-width:360px){.cleaning-th-area,.cleaning-td-area{ min-width:66px;font-size:0.72rem;padding:6px 4px;}.cleaning-th-day,.cleaning-td-day{ min-width:40px;padding:6px 3px;font-size:0.7rem;}.cleaning-cell-content{ font-size:0.7rem;}}@media (hover:none) and (pointer:coarse){.weather-forecast-row{ -webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}.weather-day-card{ scroll-snap-align:start;}}[data-theme="dark"] .leaflet-tile{filter:invert(100%) hue-rotate(180deg);}[data-theme="dark"] .leaflet-control-attribution{filter:invert(100%) hue-rotate(180deg);}#map-container{width:100%;height:65vh;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px;position:relative;background:var(--bg);}@media (max-width:768px){#map-container{ height:50vh;margin-bottom:16px;}}@media (max-width:480px){#map-container{ height:45vh;border-radius:12px;margin-bottom:14px;}}.map-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg-page);color:var(--text-muted);font-size:0.95rem;z-index:10;animation:pulse 1.5s cubic-bezier(0.4,0,0.6,1) infinite;}@keyframes pulse{0%,100%{ opacity:1;}50%{ opacity:0.5;}}.map-search-wrap{position:relative;margin-bottom:20px;}.map-search-row{display:flex;gap:8px;}.map-search-row .search-input{flex:1;padding:10px 16px;border:1px solid var(--border);border-radius:12px;font-size:0.95rem;background:var(--bg);color:var(--text);transition:var(--transition);}.map-search-row .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none;}.map-search-row .btn{padding:10px 14px;}.map-search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;max-height:0;overflow:hidden;z-index:1100;transition:max-height 0.3s;box-shadow:var(--shadow-sm);}.map-search-results.active{max-height:300px;overflow-y:auto;}.map-search-result-item{padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;font-size:0.9rem;color:var(--text);transition:background 0.15s;user-select:none;}.map-search-result-item:last-child{border-bottom:none;}.map-search-result-item:hover{background:var(--bg-subtle);}.map-search-result-item:focus{background:var(--primary-bg);color:var(--primary);outline:none;}.map-locate-btn{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition);z-index:999;}.map-locate-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);}.map-locate-btn:active{transform:scale(0.95);}@media (max-width:480px){.map-locate-btn{ right:12px;bottom:12px;width:44px;height:44px;font-size:1.1rem;}}.map-directions-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;}.map-directions-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(6,182,212,0.08) 100%);font-weight:600;user-select:none;transition:background 0.2s;}.map-directions-header:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(6,182,212,0.15) 100%);}.map-dir-chevron{font-size:0.8rem;transition:transform 0.3s;}.map-directions-panel.open .map-dir-chevron{transform:rotate(180deg);}.map-directions-body{max-height:0;overflow:hidden;transition:max-height 0.3s;}.map-directions-panel.open .map-directions-body{max-height:500px;}.map-dir-inputs{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px;}.map-dir-input-row{display:flex;align-items:center;gap:10px;}.map-dir-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}.map-dir-dot.start{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,0.15);}.map-dir-dot.end{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,0.15);}.map-dir-input-row .form-input{flex:1;padding:8px 12px;font-size:0.9rem;}.map-dir-input-row .btn{padding:8px 10px;font-size:0.9rem;}.map-dir-actions{display:flex;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border-light);}.map-dir-actions .btn{flex:1;padding:10px 14px;font-size:0.9rem;}.map-route-info{padding:0 20px 16px 20px;display:flex;gap:20px;font-size:0.9rem;color:var(--text-muted);max-height:0;overflow:hidden;opacity:0;transition:opacity 0.3s,max-height 0.3s;}.map-route-info.active{max-height:40px;opacity:1;color:var(--text);font-weight:600;}@media (max-width:768px){.map-directions-panel{ border-radius:12px;margin-bottom:16px;}.map-directions-header{ padding:14px 16px;}.map-dir-inputs{ padding:12px 16px;gap:8px;}.map-dir-actions{ padding:10px 16px;}.map-route-info{ padding:0 16px 12px 16px;}}@media (max-width:480px){.map-dir-input-row{ flex-direction:column;}.map-dir-input-row .form-input{ width:100%;}.map-dir-input-row .btn{ width:100%;}.map-dir-actions{ gap:8px;}}.sg-page{ background:#ede7f6;min-height:100vh;}[data-theme="dark"] .sg-page{ background:#1e1730;}.sg-form{max-width:640px;margin:0 auto;padding:24px 16px 48px;}.sg-header-card{background:var(--bg-card);border-top:10px solid #673ab7;border-radius:8px;padding:24px 24px 20px;margin-bottom:12px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12);}.sg-header-title{font-size:1.5rem;font-weight:400;color:var(--text);margin:0 0 10px;}.sg-header-desc{font-size:0.875rem;color:var(--text-muted);line-height:1.7;margin:0;}.sg-header-icon,.sg-header-pills,.sg-header-notice{ display:none;}.sg-progress-bar{ display:none;}.sg-progress-fill{ display:none;}.sg-card{background:var(--bg-card);border-radius:8px;padding:24px;margin-bottom:12px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12);border:1px solid transparent;transition:border-color 0.2s;position:relative;}.sg-card:focus-within{ border-color:#673ab7;}.sg-card-active{ border-color:transparent;}.sg-card-num{ display:none;}.sg-label{display:block;font-size:0.875rem;font-weight:400;color:var(--text);margin-bottom:14px;}.sg-required{ color:#d93025;}.sg-helper{font-size:0.78rem;color:var(--text-muted);margin-top:6px;}.sg-prefix-건의{ color:#673ab7;font-weight:600;}.sg-prefix-신고{ color:#d93025;font-weight:600;}.sg-input-wrap,.sg-textarea-wrap{ margin-bottom:4px;}.sg-input,.sg-textarea{width:100%;border:none;border-bottom:1px solid #9aa0a6;padding:8px 0;font-family:inherit;font-size:0.875rem;color:var(--text);background:transparent;transition:border-color 0.2s,border-width 0.1s;}.sg-input:focus,.sg-textarea:focus{outline:none;border-bottom:2px solid #673ab7;}.sg-textarea{ resize:vertical;min-height:120px;line-height:1.6;}.sg-input::placeholder,.sg-textarea::placeholder{ color:#9aa0a6;font-size:0.875rem;}.sg-char-bar{ display:flex;justify-content:flex-end;margin-top:6px;}.sg-char-count{ font-size:0.75rem;color:var(--text-muted);}.sg-type-selector{display:flex;flex-direction:column;gap:4px;}.sg-type-btn{display:flex;align-items:center;gap:14px;padding:8px 0;border:none;border-radius:0;background:transparent;cursor:pointer;text-align:left;user-select:none;}.sg-type-btn:hover{ background:transparent;}.sg-type-btn-active{ background:transparent;}.sg-type-btn input[type="radio"]{width:18px;height:18px;accent-color:#673ab7;cursor:pointer;flex-shrink:0;}.sg-type-icon{ display:none;}.sg-type-name{ font-size:0.875rem;color:var(--text);}.sg-type-desc{ display:none;}.sg-section-hidden{ display:none;}.sg-section-visible{display:block;animation:sgFadeIn 0.25s ease;}@keyframes sgFadeIn{from{ opacity:0;transform:translateY(6px);}to{ opacity:1;transform:translateY(0);}}.sg-radio-group{ display:flex;flex-direction:column;gap:4px;}.sg-radio-option{display:flex;align-items:center;gap:14px;padding:8px 0;border:none;border-radius:0;background:transparent;cursor:pointer;}.sg-radio-option:has(input:checked){ border:none;background:transparent;}.sg-radio-option input[type="radio"]{display:block;width:18px;height:18px;accent-color:#673ab7;cursor:pointer;flex-shrink:0;}.sg-radio-box{ display:none;}.sg-radio-text{ display:flex;flex-direction:column;gap:2px;}.sg-radio-main{ font-size:0.875rem;color:var(--text);font-weight:400;}.sg-radio-sub{ font-size:0.75rem;color:var(--text-muted);}.sg-info-banner{background:#e8f0fe;border-radius:4px;padding:12px 16px;font-size:0.8rem;color:#1967d2;font-weight:500;margin-bottom:12px;}[data-theme="dark"] .sg-info-banner{background:rgba(59,130,246,0.15);color:#93c5fd;}.sg-submit-btn{background:#673ab7;color:white;border:none;border-radius:4px;padding:12px 28px;font-size:0.875rem;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;margin-top:8px;transition:background 0.2s,box-shadow 0.2s;letter-spacing:0.01em;}.sg-submit-btn svg{ display:none;}.sg-submit-btn:hover{ background:#5e35b1;box-shadow:0 1px 3px rgba(0,0,0,.3);}.sg-submit-btn:active{ background:#512da8;}.sg-submit-btn:disabled{ opacity:0.6;cursor:not-allowed;}.sg-submit-done{ background:#1e8e3e !important;}@media (max-width:480px){.sg-form{ padding:12px 12px 40px;}.sg-header-card{ padding:20px 16px;}.sg-card{ padding:20px 16px;}}@media (max-width:1024px){.hero-inner{ padding:20px 40px 60px;gap:24px;}.hero-orb-visual{ flex:0 0 300px;width:300px;height:300px;}.hero h1{ font-size:3.8rem;}}@media (max-width:768px){body{background:var(--bg-page);color:var(--text);}.footer{background:transparent !important;border-top:none !important;}.hero{ padding:90px 0 0;}.hero-inner{flex-direction:column;align-items:flex-start;padding:20px 24px 40px;gap:32px;flex:0 0 auto;}.hero-content{ max-width:100%;}.hero-orb-visual{display:none;}.hero h1{ font-size:3rem;letter-spacing:-1.5px;}.hero-clock{ font-size:2.8rem;}.hero-stats-bar{ flex-wrap:wrap;}.hero-stat{ flex:1 1 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.06);}.hero-stat:nth-child(odd){ border-right:1px solid rgba(255,255,255,0.06);}.hero-stat-num{ font-size:2rem;}.hero-btn-row{ gap:10px;}.hero-btn-primary,.hero-btn-outline{ padding:14px 28px;font-size:0.9rem;}}@media (max-width:480px){.hero h1{ font-size:2.4rem;letter-spacing:-1px;}.hero-clock{ font-size:2.2rem;}.hero-inner{ padding:16px 20px 24px;}.hero-stat{ padding:20px 12px;}.hero-stat-num{ font-size:1.7rem;}.hero-stat-label{ font-size:0.72rem;}.global-orb-1{ width:500px;height:500px;top:-150px;right:-150px;}.global-orb-2{ display:none;}.lunch-table-horizontal th,.lunch-table-horizontal td{ padding:8px 6px;font-size:0.78rem;}.lunch-table-header-cell{ min-width:72px;}}@media (max-width:480px){.cal-list{ display:flex;flex-direction:column;gap:0;}.cal-list-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:0.9rem;}.cal-list-date{ min-width:72px;font-weight:600;color:var(--text-muted);}.cal-list-dot{ width:8px;height:8px;border-radius:50%;flex-shrink:0;}.cal-list-title{ flex:1;}.cal-list-empty{ text-align:center;padding:24px;color:var(--text-muted);}}.timetable-container{ display:block;}.timetable-mobile{ display:none;}@media (max-width:768px){.timetable-container{ display:none;}.timetable-mobile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:16px;padding:4px 16px 20px;scrollbar-width:none;}.timetable-mobile::-webkit-scrollbar{ display:none;}.tt-mobile-day{flex:0 0 85%;scroll-snap-align:start;background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);min-height:300px;}.tt-mobile-day:last-child{ border-bottom:none;}.tt-mobile-card{padding:12px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);background:var(--bg-subtle);margin-bottom:8px;}.tt-mobile-card:last-child{ margin-bottom:0;}}.tt-mobile-hint{display:none;font-size:0.72rem;color:var(--text-muted);text-align:center;padding:8px 0 0;letter-spacing:0.02em;}.tt-day-dots{display:none;justify-content:center;gap:8px;padding:12px 0 4px;}.tt-day-dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:600;background:var(--bg-subtle);color:var(--text-muted);transition:background 0.2s,color 0.2s;}.tt-day-dot-active{background:var(--primary);color:white;}@media (max-width:768px){.tt-mobile-hint{ display:block;}.tt-day-dots{ display:flex;}}.lunch-mobile-hint{display:none;text-align:center;font-size:0.72rem;color:var(--text-muted);margin:8px 0 4px;}.lunch-mobile-scroll{display:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:16px;padding:4px 16px 20px;scrollbar-width:none;}.lunch-mobile-scroll::-webkit-scrollbar{ display:none;}.lunch-mobile-day{flex:0 0 85%;scroll-snap-align:start;background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);min-height:180px;}.lunch-mobile-item{padding:8px 0;border-bottom:1px solid var(--border);font-size:0.9rem;color:var(--text);line-height:1.5;}.lunch-mobile-item:last-child{ border-bottom:none;}.lunch-day-dots{display:none;justify-content:center;gap:8px;margin-top:12px;padding-bottom:4px;}.lunch-day-dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:600;background:var(--bg-subtle);color:var(--text-muted);transition:background 0.2s,color 0.2s;}.lunch-day-dot-active{background:var(--primary);color:white;}@media (max-width:768px){.lunch-table-wrapper{ display:none;}.lunch-mobile-hint{ display:block;}.lunch-mobile-scroll{ display:flex;}.lunch-day-dots{ display:flex;}}@media (max-width:360px){.timetable{ min-width:340px;}.timetable td,.timetable th{ padding:8px 3px;font-size:0.72rem;}.tt-mobile-day h3{ font-size:1rem;}.tt-mobile-card{ padding:10px 12px;font-size:0.9rem;}}#pwaInstallCard,#pwaInstallCard *{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}#pwaInstallBtn{color:#1428A0 !important;-webkit-text-fill-color:#1428A0 !important;}:root,[data-theme="dark"]{--text:#000000;--text-secondary:#000000;--text-muted:#000000;}body,body *,body *::before,body *::after{color:#000000 !important;-webkit-text-fill-color:#000000 !important;}input::placeholder,textarea::placeholder{color:#000000 !important;-webkit-text-fill-color:#000000 !important;opacity:1;}.hero,.hero *,.hero *::before,.hero *::after{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}.hero h1 .highlight{background:linear-gradient(135deg,#80BBFF 0%,#4D7FFF 40%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;background-clip:text;}.logo-subtitle{color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;}.logo-clock{color:#3D52C4 !important;-webkit-text-fill-color:#3D52C4 !important;}.page-header.header-white h2,.calendar-header.header-white .month-display{color:#000000 !important;-webkit-text-fill-color:#000000 !important;}.page-header.header-white .btn,.page-header.header-white .btn *{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}.timetable th,.timetable th *,.timetable td .subject-chip,.timetable td .subject-chip *,.tt-today-chip,.tt-today-chip *,.tt-day-dot-active{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}.timetable th small{color:rgba(255,255,255,0.7) !important;-webkit-text-fill-color:rgba(255,255,255,0.7) !important;}.tt-today-chip .period-num,.tt-today-bar > div:first-child,.tt-today-bar > span{color:rgba(255,255,255,0.78) !important;-webkit-text-fill-color:rgba(255,255,255,0.78) !important;}.timetable .period-cell,.timetable .period-cell *,.week-nav-label{color:#000000 !important;-webkit-text-fill-color:#000000 !important;}.timetable .period-cell,.timetable .period-cell *{color:var(--primary) !important;-webkit-text-fill-color:var(--primary) !important;}.timetable td .teacher,.timetable .period-cell small,.tt-mobile-hint,.tt-day-dot,.tt-mobile-card > div:nth-child(3),.tt-mobile-day > h3 > span:last-child,.timetable td > span:not(.subject-chip):only-child{color:var(--text-muted) !important;-webkit-text-fill-color:var(--text-muted) !important;}.tt-mobile-card > div:first-child{color:var(--primary) !important;-webkit-text-fill-color:var(--primary) !important;}.tt-mobile-card > div:nth-child(2){color:#000 !important;-webkit-text-fill-color:#000 !important;}.tt-mobile-day > h3,.tt-mobile-empty{color:var(--text) !important;-webkit-text-fill-color:var(--text) !important;}.tt-mobile-day > h3 > span:first-of-type:not(:last-child),.tt-today-badge{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:var(--primary);}#timetableContent > div[style*="linear-gradient"] > div:first-child{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}.lunch-table-horizontal th strong,.lunch-table-num,.allergen-list,.allergen-panel-item strong,.page-source,.page-source a{color:var(--primary) !important;-webkit-text-fill-color:var(--primary) !important;}.lunch-table-horizontal th span,.lunch-mobile-day > h3,.lunch-mobile-day > h3 > span:last-child{color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;}.nav-menu a.active,.nav-menu a.active *{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}.calendar-header.header-white .btn-nav,.calendar-header.header-white .btn-nav *{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}.link-card-v-body p,.page-header p,.footer p{color:#6b7280 !important;-webkit-text-fill-color:#6b7280 !important;}.link-card-v-body span[style*="margin-top:10px"]{color:var(--primary) !important;-webkit-text-fill-color:var(--primary) !important;}