:root{--dia-blue:#3B82F6;--dia-blue-dim:rgba(59,130,246,0.15);--dia-blue-glow:rgba(59,130,246,0.3);--dia-green:#22C55E;--dia-green-dim:rgba(34,197,94,0.15);--dia-green-text:#34D399;--dia-on-amber:#451a03;--dia-purple:#8B5CF6;--dia-purple-dim:rgba(139,92,246,0.15);--dia-amber:#F59E0B;--dia-amber-dim:rgba(245,158,11,0.15);--dia-red:#EF4444;--dia-red-dim:rgba(239,68,68,0.15);--dia-gray:#6B7280;--dia-sky:#38BDF8;--dia-bg:#0F172A;--dia-bg-elevated:#131B2E;--dia-surface:#1E293B;--dia-surface-elevated:#273549;--dia-surface-hover:#334155;--dia-surface-active:#3B4A63;--dia-text-primary:#F1F5F9;--dia-text-secondary:#94A3B8;--dia-text-tertiary:#64748B;--dia-text-inverse:#0F172A;--dia-border:rgba(255,255,255,0.08);--dia-border-strong:rgba(255,255,255,0.15);--dia-border-light:rgba(255,255,255,0.04);--dia-border-dim:rgba(255,255,255,0.03);--dia-space-0:0px;--dia-space-1:4px;--dia-space-2:8px;--dia-space-3:12px;--dia-space-4:16px;--dia-space-5:20px;--dia-space-6:24px;--dia-space-8:32px;--dia-space-10:40px;--dia-space-12:48px;--dia-space-16:64px;--dia-radius-xs:4px;--dia-radius-sm:8px;--dia-radius-md:12px;--dia-radius-lg:16px;--dia-radius-xl:20px;--dia-radius-2xl:24px;--dia-radius-full:9999px;--dia-shadow-sm:0 1px 3px rgba(0,0,0,0.4);--dia-shadow-md:0 4px 12px rgba(0,0,0,0.5);--dia-shadow-lg:0 8px 24px rgba(0,0,0,0.6);--dia-shadow-glow-blue:0 0 20px rgba(59,130,246,0.2);--dia-shadow-glow-green:0 0 20px rgba(34,197,94,0.2);--dia-shadow-glow-purple:0 0 20px rgba(139,92,246,0.2);--dia-shadow-glow-red:0 0 20px rgba(239,68,68,0.2);--dia-shadow-glow-sky:0 0 20px rgba(56,189,248,0.2);--dia-card-inset:inset 0 1px 0 rgba(255,255,255,0.06);--dia-card-depth:0 2px 8px rgba(0,0,0,0.3),0 0 1px rgba(0,0,0,0.15);--dia-surface-ambient:linear-gradient(135deg,rgba(99,102,241,0.04),rgba(139,92,246,0.03));--dia-border-glow:rgba(255,255,255,0.06);--dia-3d-bloom:0.2;--dia-3d-inset:inset 0 1px 0 rgba(255,255,255,0.18);--dia-3d-depth:0 2px 6px rgba(0,0,0,0.35),0 0 1px rgba(0,0,0,0.2);--dia-3d-pressed:inset 0 2px 4px rgba(0,0,0,0.4);--dia-3d-blue-start:#3B82F6;--dia-3d-blue-end:#1D4ED8;--dia-3d-blue-glow:0 4px 14px rgba(59,130,246,0.35);--dia-3d-purple-start:#8B5CF6;--dia-3d-purple-end:#6D28D9;--dia-3d-purple-glow:0 4px 14px rgba(139,92,246,0.35);--dia-3d-green-start:#22C55E;--dia-3d-green-end:#15803D;--dia-3d-green-glow:0 4px 14px rgba(34,197,94,0.3);--dia-3d-amber-start:#F59E0B;--dia-3d-amber-end:#B45309;--dia-3d-amber-glow:0 4px 14px rgba(245,158,11,0.3);--dia-3d-red-start:#EF4444;--dia-3d-red-end:#B91C1C;--dia-3d-red-glow:0 4px 14px rgba(239,68,68,0.3);--dia-hero-gradient:linear-gradient(160deg,#0A2260,#1247C2 40%,#2563EB 80%,#3B82F6);--dia-track-line:#996CAC;--dia-track-up:#0D9452;--dia-track-down:#D32F2F;--dia-rail-down:rgba(211,47,47,0.55);--dia-rail-down-glow:rgba(211,47,47,0.20);--dia-rail-up:rgba(13,148,82,0.55);--dia-rail-up-glow:rgba(13,148,82,0.20);--dia-font:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dia-text-xs:clamp(12px,11px + 0.28vw,14px);--dia-text-sm:clamp(14px,13px + 0.28vw,16px);--dia-text-base:clamp(16px,15px + 0.28vw,18px);--dia-text-lg:clamp(18px,17px + 0.28vw,20px);--dia-text-xl:clamp(20px,18px + 0.56vw,24px);--dia-text-2xl:clamp(24px,22px + 0.56vw,28px);--dia-text-3xl:clamp(30px,28px + 0.56vw,34px);--dia-text-4xl:clamp(36px,34px + 0.56vw,40px);--dia-weight-normal:400;--dia-weight-medium:500;--dia-weight-semibold:600;--dia-weight-bold:700;--dia-leading-tight:1.25;--dia-leading-normal:1.5;--dia-leading-relaxed:1.65;--dia-layer-base:0;--dia-layer-sticky:10;--dia-layer-dropdown:20;--dia-layer-fixed:30;--dia-layer-overlay:50;--dia-layer-modal:100;--dia-layer-toast:200;--dia-layer-critical:9999;--dia-tab-height:64px;--dia-tab-height-safe:calc(64px + env(safe-area-inset-bottom, 0px));--dia-tab-home:var(--dia-blue);--dia-tab-calendar:var(--dia-green);--dia-tab-line:var(--dia-purple);--dia-tab-compare:var(--dia-amber);--dia-tab-contacts:var(--dia-sky);--dia-tab-more:var(--dia-gray);--dia-type-day:var(--dia-blue);--dia-type-day-bg:var(--dia-blue-dim);--dia-type-night:var(--dia-purple);--dia-type-night-bg:var(--dia-purple-dim);--dia-type-standby:var(--dia-amber);--dia-type-standby-bg:var(--dia-amber-dim);--dia-type-rest:var(--dia-gray);--dia-type-rest-bg:rgba(107,114,128,0.15);--dia-ease:cubic-bezier(0.4,0,0.2,1);--dia-transition-fast:150ms var(--dia-ease);--dia-transition-normal:250ms var(--dia-ease);--dia-transition-slow:350ms var(--dia-ease)}:root.font-small{--dia-text-xs:12px;--dia-text-sm:clamp(13px,12px + 0.28vw,14px);--dia-text-base:clamp(14px,13px + 0.28vw,16px);--dia-text-lg:clamp(16px,15px + 0.28vw,18px);--dia-text-xl:clamp(18px,16px + 0.56vw,22px);--dia-text-2xl:clamp(22px,20px + 0.56vw,26px);--dia-text-3xl:clamp(28px,26px + 0.56vw,32px);--dia-text-4xl:clamp(34px,32px + 0.56vw,38px)}:root.font-large{--dia-text-xs:clamp(14px,13px + 0.28vw,16px);--dia-text-sm:clamp(16px,15px + 0.28vw,18px);--dia-text-base:clamp(18px,17px + 0.28vw,20px);--dia-text-lg:clamp(20px,19px + 0.28vw,22px);--dia-text-xl:clamp(22px,20px + 0.56vw,26px);--dia-text-2xl:clamp(26px,24px + 0.56vw,30px);--dia-text-3xl:clamp(32px,30px + 0.56vw,36px);--dia-text-4xl:clamp(38px,36px + 0.56vw,42px)}:root.light{--dia-green-text:#16a34a;--dia-bg:#F0F4F8;--dia-bg-elevated:#F8FAFC;--dia-surface:#FFFFFF;--dia-surface-elevated:#FFFFFF;--dia-surface-hover:#F1F5F9;--dia-surface-active:#E2E8F0;--dia-text-primary:#0F172A;--dia-text-secondary:#475569;--dia-text-tertiary:#94A3B8;--dia-text-inverse:#F1F5F9;--dia-border:rgba(0,0,0,0.08);--dia-border-strong:rgba(0,0,0,0.15);--dia-border-light:rgba(0,0,0,0.04);--dia-border-dim:rgba(0,0,0,0.03);--dia-shadow-sm:0 1px 3px rgba(0,0,0,0.06);--dia-shadow-md:0 4px 12px rgba(0,0,0,0.08);--dia-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--dia-shadow-glow-blue:0 0 20px rgba(59,130,246,0.12);--dia-shadow-glow-green:0 0 20px rgba(34,197,94,0.12);--dia-shadow-glow-purple:0 0 20px rgba(139,92,246,0.12);--dia-shadow-glow-red:0 0 20px rgba(239,68,68,0.1);--dia-shadow-glow-sky:0 0 20px rgba(56,189,248,0.1);--dia-card-inset:none;--dia-card-depth:0 1px 4px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.04);--dia-surface-ambient:linear-gradient(135deg,rgba(99,102,241,0.03),rgba(139,92,246,0.02));--dia-border-glow:rgba(0,0,0,0.06);--dia-3d-bloom:0.28;--dia-3d-inset:inset 0 1px 0 rgba(255,255,255,0.35);--dia-3d-depth:0 2px 6px rgba(0,0,0,0.12),0 0 1px rgba(0,0,0,0.06);--dia-3d-pressed:inset 0 2px 4px rgba(0,0,0,0.18);--dia-3d-blue-start:#3B82F6;--dia-3d-blue-end:#2563EB;--dia-3d-blue-glow:none;--dia-3d-purple-start:#8B5CF6;--dia-3d-purple-end:#7C3AED;--dia-3d-purple-glow:none;--dia-3d-green-start:#22C55E;--dia-3d-green-end:#16A34A;--dia-3d-green-glow:none;--dia-3d-amber-start:#F59E0B;--dia-3d-amber-end:#D97706;--dia-3d-amber-glow:none;--dia-3d-red-start:#EF4444;--dia-3d-red-end:#DC2626;--dia-3d-red-glow:none;--dia-hero-gradient:linear-gradient(160deg,#1E40AF,#2563EB 40%,#3B82F6 80%,#60A5FA);--dia-track-line:#b388d9;--dia-track-up:#0D9452;--dia-track-down:#D32F2F;--dia-rail-down:rgba(211,47,47,0.50);--dia-rail-down-glow:rgba(211,47,47,0.12);--dia-rail-up:rgba(13,148,82,0.50);--dia-rail-up-glow:rgba(13,148,82,0.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--dia-font);font-size:var(--dia-text-base);line-height:var(--dia-leading-normal);color:var(--dia-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}body,html{background:var(--dia-bg)}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.07) 0,transparent 70%)}:root.light body:before{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.04) 0,transparent 70%)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dia-border-strong);border-radius:var(--dia-radius-full)}:focus-visible{outline:2px solid var(--dia-blue);outline-offset:2px}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;border:none;background:none;transition:transform .12s cubic-bezier(.25,.46,.45,.94),box-shadow .12s cubic-bezier(.25,.46,.45,.94),filter .12s ease;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:translateY(1px) scale(.97)}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--dia-blue);color:var(--dia-text-inverse)}@supports (padding:env(safe-area-inset-bottom)){.safeBottom{padding-bottom:env(safe-area-inset-bottom)}.safeTop{padding-top:env(safe-area-inset-top)}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.diaTruncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diaBtnIcon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.diaPress{transition:transform var(--dia-transition-fast)}.diaPress:active{transform:scale(.98)}.diaPressBtn{transition:transform var(--dia-transition-fast)}.diaPressBtn:active{transform:scale(.95)}.diaPressIcon{transition:transform .1s var(--dia-ease)}.diaPressIcon:active{transform:scale(.9)}.diaSkeleton{background:linear-gradient(90deg,var(--dia-surface) 25%,var(--dia-surface-elevated) 50%,var(--dia-surface) 75%);background-size:200% 100%;animation:diaShimmer 1.5s ease-in-out infinite;border-radius:var(--dia-radius-sm)}.diaSkeletonText{height:14px;margin-bottom:8px}.diaSkeletonCircle{border-radius:var(--dia-radius-full)}@keyframes diaShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@supports (padding:env(safe-area-inset-left)){.safeLandscape{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}