:root{--toastify-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--toastify-toast-width:min(420px, calc(100vw - 32px));--toastify-toast-min-height:0;--toastify-toast-padding:0;--toastify-toast-bd-radius:8px;--toastify-toast-shadow:0 18px 48px #121c281f;--color-background:#f8f9ff;--color-surface:#fff;--color-surface-low:#eef4ff;--color-surface-muted:#e5eeff;--color-text:#121c28;--color-text-muted:#414751;--color-text-soft:#717783;--color-primary:#005da7;--color-primary-hover:#004f91;--color-primary-soft:#d4e3ff;--color-primary-tint:#f1f6ff;--color-accent:#fd8b00;--color-accent-hover:#e57d00;--color-accent-soft:#ffdcc3;--color-danger:#ba1a1a;--color-danger-soft:#ffdad6;--color-success:#167447;--color-success-soft:#def7e8;--color-border:#d9e3f4;--color-border-strong:#c1c7d3;--shadow-ambient:0 10px 30px #121c280a;--shadow-lifted:0 18px 46px #121c2814;--radius-card:8px;--radius-control:8px;--page-max-width:1200px;--muted-text:var(--color-text-muted);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#f8f9fffa 0%,#f2f6fff0 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #005da73d}#root{min-height:100vh}.app-shell{min-height:100vh;padding-bottom:0}.app-topbar{z-index:900;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-bottom:1px solid #c1c7d36b;width:100%;position:sticky;top:0;box-shadow:0 1px 14px #121c280a}.app-nav-inner{width:min(100%, var(--page-max-width));justify-content:space-between;align-items:center;gap:24px;min-height:68px;margin:0 auto;padding:0 24px;display:flex}.brand-link{min-width:0;color:var(--color-primary);letter-spacing:0;flex:none;align-items:center;gap:10px;font-size:1.28rem;font-weight:800;display:inline-flex}.brand-logo{border-radius:var(--radius-card);object-fit:cover;width:34px;height:34px;box-shadow:0 8px 18px #005da71f}.topbar-meta{flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.topnav{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.topnav a,.utility-link{border-radius:var(--radius-control);min-height:40px;color:var(--color-text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:.94rem;font-weight:700;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.topnav a:hover,.utility-link:hover{color:var(--color-primary);background:var(--color-primary-tint)}.topnav a.active{color:var(--color-primary);background:var(--color-primary-tint);box-shadow:inset 0 -2px 0 var(--color-primary)}.utility-link{color:var(--color-primary)}.mobile-only-link{display:none}.status-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;gap:7px;max-width:180px;min-height:40px;padding:9px 12px;font-size:.92rem;font-weight:800;transition:transform .18s,background-color .18s;display:inline-flex;overflow:hidden}.status-chip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-chip:hover{transform:translateY(-1px)}.status-chip.is-authenticated{background:var(--color-primary-soft);color:var(--color-primary)}.status-chip.is-guest{background:var(--color-surface-low);color:var(--color-primary)}.page-shell{width:min(100%, var(--page-max-width));margin:0 auto;padding:56px 24px 64px}.app-footer{width:min(100%, var(--page-max-width));color:#8fa2bb;border-top:1px solid #c1c7d35c;grid-template-columns:minmax(160px,1fr) auto minmax(180px,1fr);align-items:center;gap:20px;margin:0 auto;padding:34px 24px 48px;display:grid}.app-footer-brand{color:#c5d1e1;margin:0;font-size:1.18rem;font-weight:800}.app-footer-links{justify-content:center;align-items:center;gap:22px;font-size:.9rem;font-weight:700;display:flex}.app-footer-links a:hover{color:var(--color-primary)}.app-footer-copy{justify-self:end;margin:0;font-size:.9rem}.footer-feedback-link{color:var(--color-primary)}.mobile-tabbar{display:none}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:22px;display:grid}.panel{border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-ambient);background:#ffffffeb;border:1px solid #d9e3f4c7;grid-column:span 12;padding:28px}.panel h2,.panel h3{margin-top:0}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;gap:10px;min-width:0;padding:20px;display:grid}.dashboard-card-label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.dashboard-card-value{color:var(--color-text);overflow-wrap:anywhere;font-size:1.7rem;font-weight:800;line-height:1.1}.dashboard-card-detail{color:var(--color-text-muted);margin:0;font-size:.94rem;line-height:1.55}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-heading h3{margin-bottom:0}.record-table-wrap{overflow-x:auto}.record-table{border-collapse:collapse;width:100%}.record-table th,.record-table td{text-align:left;vertical-align:middle;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;border-bottom:1px solid #d9e3f4d1;min-width:0;padding:15px 12px}.record-table th{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:800}.record-table tbody tr{transition:background-color .18s}.record-table tbody tr:hover{background:#eef4ff8a}.record-table-scramble{min-width:420px;color:var(--color-text-muted);word-break:normal;overflow-wrap:anywhere;line-height:1.6}.record-table-cell-primary{color:var(--color-text);font-weight:800}.two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.form-grid{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--color-text);font-size:.92rem;font-weight:800}.field input,.field select,.field textarea{border-radius:var(--radius-control);background:var(--color-surface-low);width:100%;min-height:52px;color:var(--color-text);border:1px solid #0000;padding:13px 15px;font-family:inherit;font-weight:650;transition:background-color .18s,border-color .18s,box-shadow .18s}.field input::placeholder,.field textarea::placeholder{color:#8d99a8}.field input:focus,.field select:focus,.field textarea:focus{background:var(--color-surface);border-color:#005da75c;box-shadow:0 0 0 4px #005da71a}.field textarea{resize:vertical;min-height:200px}.primary-button,.secondary-button,.ghost-button{border-radius:var(--radius-control);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-weight:800;line-height:1.2;transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.primary-button{background:var(--color-primary);color:#fff;box-shadow:0 12px 26px #005da724}.primary-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.secondary-button{background:var(--color-accent);color:#fff;box-shadow:0 12px 26px #fd8b0024}.secondary-button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.ghost-button{background:var(--color-surface);color:var(--color-text-muted);border-color:#c1c7d3c2}.ghost-button:hover{color:var(--color-primary);background:var(--color-primary-tint);border-color:#005da75c;transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;box-shadow:none;transform:none}.message{border-radius:var(--radius-card);margin:0;padding:13px 15px;font-weight:750}.message.info{background:var(--color-primary-tint);color:var(--color-primary)}.message.success{background:var(--color-success-soft);color:var(--color-success)}.message.error{background:var(--color-danger-soft);color:var(--color-danger)}.eyebrow{color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:850}.helper-text{color:var(--color-text-muted);white-space:normal;word-break:keep-all;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.96rem;line-height:1.6}.app-toast-container{width:min(420px,100vw - 32px)}.app-toast{color:var(--color-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d9e3f4d1;margin-bottom:12px;padding:14px 16px}.app-toast-default{background:#fffffff5}.app-toast-success{background:#def7e8fa}.app-toast-error{background:#ffdad6fa}.app-toast-info{background:#f1f6fffa}.app-toast .Toastify__close-button{color:inherit;opacity:.72;align-self:start}.app-toast .Toastify__close-button:hover{opacity:1}.timer-recent-actions,.mypage-record-actions{flex-wrap:wrap;gap:8px;display:flex}.timer-penalty-button,.mypage-penalty-button{min-width:56px;min-height:38px;padding:8px 12px;font-size:.82rem}.split-grid{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.stat-list{gap:12px;display:grid}.stat-row{border-bottom:1px solid #d9e3f4d1;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.stat-row:last-child{border-bottom:0}.feedback-page{align-items:start}.feedback-header-panel{background:linear-gradient(135deg,#fffffffa 0%,#f1f6fff5 62%,#fff6eee0 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.feedback-header-icon{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 14px 28px #005da724}.feedback-header-copy{gap:6px;min-width:0;display:grid}.feedback-header-copy h2{color:var(--color-text);margin:0;font-size:2.1rem;line-height:1.16}.feedback-header-note{border-radius:var(--radius-card);max-width:260px;color:var(--color-text-muted);background:#ffffffdb;border:1px solid #d9e3f4db;align-items:center;gap:8px;padding:11px 12px;font-size:.9rem;font-weight:750;line-height:1.45;display:inline-flex}.feedback-header-note svg{color:var(--color-primary);flex:none}.feedback-form-panel{gap:20px;display:grid}.feedback-type-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.feedback-type-pill{border-radius:var(--radius-card);background:var(--color-surface-low);min-width:0;color:var(--color-primary);border:1px solid #d9e3f4d1;align-items:center;gap:10px;padding:12px;display:inline-flex}.feedback-type-pill>span{gap:2px;min-width:0;display:grid}.feedback-type-pill strong{color:var(--color-text);font-size:.94rem;line-height:1.2}.feedback-type-pill span span{color:var(--color-text-muted);word-break:keep-all;overflow-wrap:anywhere;font-size:.82rem;font-weight:700;line-height:1.35}.feedback-form-panel .form-grid{gap:18px}.feedback-form-panel .field textarea{min-height:240px}@media (max-width:900px){.feedback-header-panel{grid-template-columns:auto minmax(0,1fr)}.feedback-header-note{grid-column:1/-1;max-width:none}.feedback-type-guide{grid-template-columns:1fr}}@media (max-width:720px){.feedback-header-panel{grid-template-columns:1fr}.feedback-header-icon{width:44px;height:44px}.feedback-header-copy h2{font-size:1.75rem}}.home-page{align-items:start}.home-scramble-panel{background:linear-gradient(135deg,#fffffffa 0%,#f1f6fff5 58%,#fff2e7e6 100%);grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:28px;display:grid;position:relative;overflow:hidden}.home-scramble-copy,.home-scramble-actions{z-index:1;position:relative}.home-scramble-badge{background:var(--color-primary-tint);width:-moz-fit-content;width:fit-content;color:var(--color-primary);border-radius:999px;align-items:center;gap:7px;margin:0 0 14px;padding:8px 10px;font-size:.82rem;font-weight:850;display:inline-flex}.home-scramble-copy h2{margin-bottom:12px;font-size:2rem}.home-scramble-text{color:var(--color-text);letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:1.38rem;line-height:1.75}.home-scramble-actions{border-radius:var(--radius-card);background:#ffffffe0;border:1px solid #d9e3f4d1;align-content:space-between;gap:16px;padding:22px;display:grid;box-shadow:0 16px 34px #121c280f}.home-action-link{justify-self:start}.home-guest-panel{gap:20px;display:grid}.dashboard-card-icon{border-radius:var(--radius-card);background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.dashboard-card-primary{background:linear-gradient(#fffffffa,#f1f6fff5)}.dashboard-card-primary .dashboard-card-icon,.dashboard-card-primary .dashboard-card-value{color:var(--color-primary)}.dashboard-card-accent{background:linear-gradient(#fffffffa,#fff6eef5)}.dashboard-card-accent .dashboard-card-icon{color:var(--color-accent);background:#fd8b001f}.dashboard-card-accent .dashboard-card-value{color:var(--color-accent)}.home-guest-actions{flex-wrap:wrap;gap:12px;display:flex}.home-record-link{white-space:nowrap}.home-error-panel{justify-items:start;gap:16px;display:grid}.home-empty-state{padding:12px 0}.home-post-list{gap:12px;display:grid}.home-post-card{border-radius:var(--radius-card);min-width:0;color:inherit;background:#ffffffe6;border:1px solid #d9e3f4d1;gap:8px;padding:18px 20px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.home-post-card:hover{box-shadow:var(--shadow-ambient);border-color:#005da747;transform:translateY(-1px)}.home-post-card strong{word-break:keep-all;overflow-wrap:anywhere;font-size:1.05rem}.home-post-category{width:-moz-fit-content;width:fit-content;color:var(--color-primary);background:#005da71a;border-radius:999px;align-items:center;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.home-post-meta{color:var(--color-text-muted);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:.92rem}@media (max-width:720px){.home-scramble-copy h2{font-size:1.6rem}.home-scramble-text{font-size:1.08rem;line-height:1.65}.home-scramble-actions{padding:18px}}.timer-hero{justify-items:stretch;gap:20px;display:grid}.timer-page{align-items:start}.timer-layout{box-shadow:none;background:0 0;border:0;align-items:start;gap:24px;padding:0;display:grid}.timer-main{gap:22px;display:grid}.timer-toolbar{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.timer-scramble-full{grid-column:1/-1}.timer-scramble-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-ambient);background:#fffffff0;border:1px solid #d9e3f4d6;padding:26px 28px;display:grid}.timer-scramble-copy{width:100%;min-width:0}.timer-scramble-badge{background:var(--color-primary-tint);width:-moz-fit-content;width:fit-content;color:var(--color-primary);border-radius:999px;align-items:center;gap:7px;margin:0 0 12px;padding:8px 10px;font-size:.82rem;font-weight:850;display:inline-flex}.timer-scramble-content{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:24px;display:grid}.timer-scramble-visual{border-radius:var(--radius-card);background:var(--color-primary-tint);border:1px solid #d9e3f4d1;justify-content:center;align-items:center;min-height:210px;padding:16px;display:flex}.timer-scramble-visual img{width:min(100%,300px);height:auto;display:block}.timer-event-field{width:190px}.timer-display{border-radius:var(--radius-card);background:#ffffffb3;border:1px solid #d9e3f4b8;justify-items:center;gap:14px;padding:48px 28px 56px;display:grid}.timer-focus-display{align-content:center;min-height:370px}.timer-touch-surface{touch-action:none;-webkit-user-select:none;user-select:none}.timer-display.is-holding{background:#fff6e8}.timer-display.is-ready{background:#eefbf4}.timer-display.is-running{background:#f1f6ff}.timer-display.is-stopped{background:#ffffffc7}.timer-value{color:var(--color-text);letter-spacing:0;margin:0;font-size:7rem;font-weight:900;line-height:.95}.timer-display.is-running .timer-value{color:var(--color-primary)}.timer-caption{color:var(--color-text-muted);align-items:center;gap:7px;margin:0;font-size:.92rem;font-weight:850;display:inline-flex}.scramble-box{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;padding:18px 20px}.scramble-box p{margin:0}.scramble-text{color:var(--color-text);letter-spacing:0;word-break:normal;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.65;margin-top:8px!important}.timer-scramble-text{word-break:keep-all;overflow-wrap:anywhere;font-size:1.22rem;line-height:1.8;margin-top:0!important}.timer-visual-fallback{margin-top:12px!important}.timer-actions{flex-wrap:wrap;gap:12px;display:flex}.timer-actions-row{justify-content:flex-start}.timer-toolbar-actions{align-items:center}.timer-save-notice{color:var(--color-text-muted);font-weight:750}.timer-recent-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-ambient);background:#fffffff0;border:1px solid #d9e3f4d6;padding:24px}.timer-recent-heading{margin-bottom:14px}.timer-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.timer-stat-card{border-radius:var(--radius-card);background:var(--color-primary-tint);border:1px solid #d9e3f4d1;gap:9px;padding:15px 16px;display:grid}.timer-stat-label{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.82rem;font-weight:850;display:inline-flex}.timer-stat-value{color:var(--color-primary);font-size:1.5rem;line-height:1}.timer-recent-list{flex-wrap:wrap;gap:10px;display:flex}.timer-recent-item{border-radius:var(--radius-card);background:#ffffffe6;border:1px solid #d9e3f4d1;align-items:start;gap:10px;min-width:220px;padding:12px;display:grid}.timer-recent-item:first-child{padding-top:12px}.timer-recent-meta{align-items:center;gap:10px;display:flex}.timer-recent-time{white-space:nowrap;margin:0;font-size:1rem;font-weight:800}.timer-recent-penalty{background:var(--color-surface-low);color:var(--color-text-muted);border-radius:999px;align-items:center;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.timer-delete-button{opacity:1;pointer-events:auto}.timer-helper{text-align:center;max-width:480px}@media (max-width:900px){.timer-scramble-content{grid-template-columns:1fr}}@media (max-width:720px){.timer-scramble-panel,.timer-recent-panel{padding:20px}.timer-focus-display{min-height:300px}.timer-display{padding:38px 18px 44px}.timer-value{font-size:4.6rem}.timer-scramble-text{font-size:1.04rem;line-height:1.65}}@media (max-width:480px){.timer-value{font-size:3.5rem}.timer-recent-item{width:100%;min-width:0}}.rankings-page{align-items:start}.rankings-header-panel{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:end;gap:28px;display:grid}.rankings-header-copy h2{margin:6px 0 8px;font-size:2.5rem;line-height:1.1}.rankings-header-icon{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 14px 28px #005da729}.rankings-toolbar{justify-content:flex-end;align-items:end;gap:14px;display:flex}.rankings-event-field{width:180px}.rankings-search-field{min-width:260px}.rankings-input-shell{border-radius:var(--radius-control);background:var(--color-surface-low);min-height:52px;color:var(--color-text-soft);border:1px solid #0000;align-items:center;gap:9px;padding:0 14px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex}.rankings-input-shell:focus-within{background:var(--color-surface);border-color:#005da75c;box-shadow:0 0 0 4px #005da71a}.rankings-input-shell input{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.rankings-input-shell input:focus{box-shadow:none;background:0 0;border-color:#0000}.rankings-table-panel{gap:24px;display:grid}.rankings-podium-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,.9fr);align-items:end;gap:18px;min-height:260px;padding:14px 0 4px;display:grid}.rankings-podium-card{border:1px solid #d9e3f4db;border-top:4px solid var(--color-border-strong);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-surface);min-width:0;min-height:188px;box-shadow:var(--shadow-ambient);justify-items:center;gap:10px;padding:42px 18px 22px;display:grid;position:relative}.rankings-podium-card.rank-1{border-top-color:var(--color-accent);min-height:232px;box-shadow:var(--shadow-lifted)}.rankings-podium-card.rank-2{border-top-color:#aeb7c7}.rankings-podium-card.rank-3{border-top-color:#c9832b}.rankings-podium-badge{border:4px solid var(--color-surface);background:var(--color-border-strong);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:900;display:inline-flex;position:absolute;top:-20px}.rankings-podium-card.rank-1 .rankings-podium-badge{background:var(--color-accent);width:56px;height:56px;font-size:1.35rem;top:-28px}.rankings-podium-card.rank-3 .rankings-podium-badge{background:#c9832b}.rankings-avatar{border:2px solid var(--color-primary-soft);background:var(--color-primary-tint);width:60px;height:60px;color:var(--color-primary);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:inline-flex}.rankings-podium-card.rank-1 .rankings-avatar{border-color:var(--color-accent-soft);width:76px;height:76px;color:var(--color-accent);background:#fff7ed;font-size:1.35rem}.rankings-podium-name{max-width:100%;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;font-weight:900;overflow:hidden}.rankings-podium-time{color:var(--color-text-muted);font-size:1.2rem;font-weight:900}.rankings-podium-card.rank-1 .rankings-podium-time{color:var(--color-accent);font-size:1.7rem}.rankings-my-card{border-radius:var(--radius-card);background:var(--color-primary-tint);border:1px solid #d4e3fff0;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.rankings-my-main{align-items:center;gap:16px;min-width:0;display:flex}.rankings-my-badge{background:var(--color-primary);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:900;display:inline-flex}.rankings-my-title{color:var(--color-text);margin:0 0 3px;font-size:1.12rem;font-weight:900}.rankings-my-time{color:var(--color-primary);white-space:nowrap;flex:none;font-size:1.45rem;font-weight:900}.rankings-table{table-layout:fixed}.rankings-col-rank{width:120px}.rankings-col-nickname{width:36%}.rankings-col-event{width:24%}.rankings-col-time{width:160px}.rankings-table td:last-child,.rankings-table th:last-child{white-space:nowrap}.rankings-row-rank{color:var(--color-primary);font-weight:900}.rankings-row-rank span{background:var(--color-primary-tint);border-radius:999px;justify-content:center;align-items:center;min-width:46px;min-height:34px;display:inline-flex}.rankings-row-event{color:var(--color-text-muted);font-weight:750}.rankings-row-time{white-space:nowrap}.rankings-row-nickname{max-width:100%}.rankings-cell-inline{vertical-align:middle;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.rankings-row-event .rankings-cell-inline{gap:7px}.rankings-cell-inline svg{flex:none}.rankings-cell-inline span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rankings-row-nickname svg{color:var(--color-text-soft)}.rankings-row.is-my-ranking{background:var(--color-primary-tint);box-shadow:inset 4px 0 0 var(--color-primary)}.rankings-row.is-my-ranking .rankings-row-nickname,.rankings-row.is-my-ranking .rankings-row-time{color:var(--color-primary)}.rankings-pagination{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rankings-page-button{white-space:nowrap}.learning-page{align-items:start}.learning-header-panel{background:linear-gradient(135deg,#fffffffa 0%,#f1f6fff5 62%,#fff6eee6 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.learning-header-icon{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 14px 28px #005da729}.learning-header-copy{min-width:0}.learning-header-copy h2{margin:6px 0 8px;font-size:2.4rem;line-height:1.12}.learning-header-copy .helper-text{word-break:keep-all;overflow-wrap:anywhere;margin:0}.learning-header-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:280px;display:flex}.learning-stat-pill{border-radius:var(--radius-card);background:#ffffffdb;border:1px solid #d9e3f4db;align-items:center;gap:10px;min-width:132px;padding:10px 12px;display:inline-flex;box-shadow:0 12px 28px #121c280a}.learning-stat-icon{border-radius:var(--radius-card);background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.learning-stat-pill strong,.learning-stat-pill span span{display:block}.learning-stat-pill strong{color:var(--color-text);font-size:1rem;line-height:1.2}.learning-stat-pill span span{color:var(--color-text-muted);font-size:.78rem;font-weight:800}.learning-library-panel{gap:22px;display:grid}.learning-tab-row{border-radius:var(--radius-card);background:var(--color-surface-low);border:1px solid #d9e3f4d1;flex-wrap:wrap;gap:10px;padding:6px;display:flex}.learning-tab-button{min-width:116px;min-height:42px;box-shadow:none}.learning-tab-button.primary-button{color:#fff;box-shadow:0 10px 22px #005da71f}.learning-tab-button.ghost-button{color:var(--color-text-muted);background:0 0;border-color:#0000}.learning-tab-button.ghost-button:hover{background:#ffffffbd;border-color:#005da733}.learning-section-heading{justify-content:space-between;align-items:end;gap:16px;padding-bottom:2px;display:flex}.learning-section-heading h3{margin:0 0 7px;font-size:1.5rem;line-height:1.2}.learning-section-heading .helper-text{word-break:keep-all;overflow-wrap:anywhere;margin:0}.learning-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learning-case-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;grid-template-columns:188px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:16px;display:grid;box-shadow:0 10px 24px #121c2808}.learning-case-visual{border-radius:var(--radius-card);background:linear-gradient(#f1f6ffc2,#fffffff5);border:1px solid #d9e3f4a8;place-items:center;min-height:168px;display:grid;position:relative}.learning-case-visual img{width:100%;max-width:168px;height:auto;display:block}.learning-third-layer-edge-mask{fill:#404040;pointer-events:none;width:168px;height:168px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.learning-notation-card{grid-template-columns:156px minmax(0,1fr)}.learning-notation-visual img{max-width:138px}.learning-case-copy{gap:8px;min-width:0;display:grid}.learning-case-copy h4{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:1.13rem;line-height:1.35}.learning-case-copy .helper-text{word-break:keep-all;overflow-wrap:anywhere;margin:0}.learning-case-label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:850}.learning-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.learning-step-card{border-radius:var(--radius-card);background:var(--color-surface);min-height:176px;color:var(--color-text);text-align:left;cursor:pointer;border:1px solid #d9e3f4d1;align-content:start;gap:12px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 24px #121c2808}.learning-step-card:hover,.learning-step-card:focus-visible{box-shadow:var(--shadow-ambient);border-color:#005da747;transform:translateY(-1px)}.learning-step-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.learning-step-label,.learning-step-meta{border-radius:var(--radius-control);white-space:nowrap;align-items:center;min-height:28px;padding:5px 8px;font-size:.78rem;font-weight:850;line-height:1.15;display:inline-flex}.learning-step-label{background:var(--color-primary);color:#fff}.learning-step-meta{background:var(--color-primary-tint);color:var(--color-primary)}.learning-step-title{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;font-size:1.1rem;font-weight:900;line-height:1.35}.learning-step-card .helper-text{word-break:keep-all;overflow-wrap:anywhere;margin:0}.learning-beginner-detail{gap:18px;display:grid}.learning-beginner-detail-header{border-radius:var(--radius-card);background:linear-gradient(#f8f9ffc7,#fffffff5);border:1px solid #d9e3f4d1;gap:14px;min-width:0;padding:18px;display:grid}.learning-beginner-detail-header h4{color:var(--color-text);margin:4px 0 8px;font-size:1.28rem;line-height:1.35}.learning-step-actions{flex-wrap:wrap;flex:none;gap:10px;display:flex}.learning-step-back-button,.learning-step-next-button{flex:none}.learning-step-summary{min-width:0}.learning-step-summary .helper-text{word-break:keep-all;overflow-wrap:anywhere;margin:0}.learning-step-guide{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;margin:10px 0 0;font-size:.94rem;line-height:1.6}.learning-guide-section{gap:12px;display:grid}.learning-guide-item{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4c2;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:14px;display:grid}.learning-guide-media{border-radius:var(--radius-card);background:var(--color-primary-tint);place-items:center;min-height:122px;display:grid}.learning-guide-media img{width:min(118px,100%);height:auto;display:block}.learning-guide-copy{gap:8px;min-width:0;display:grid}.learning-guide-copy h4{color:var(--color-text);margin:0;font-size:1.04rem;line-height:1.35}.learning-guide-copy .helper-text{word-break:keep-all;overflow-wrap:anywhere;margin:0}.learning-completion-section{display:grid}.learning-completion-card{background:linear-gradient(#fffffffa,#f1f6ffeb);border-color:#005da72e;grid-template-columns:224px minmax(0,1fr)}.learning-completion-card .learning-case-visual{background:linear-gradient(#fff6eed1,#fffffffa);min-height:196px}.learning-algorithm-list{gap:9px;display:grid}.learning-algorithm-item{justify-items:start;gap:6px;display:grid}.learning-algorithm-label{color:var(--color-text-muted);font-size:.78rem;font-weight:850}.learning-algorithm{border-radius:var(--radius-control);background:var(--color-surface-low);max-width:100%;color:var(--color-text);word-break:normal;overflow-wrap:anywhere;border:1px solid #d9e3f4d1;padding:11px 13px;font-size:.96rem;line-height:1.65;display:inline-block}@media (max-width:1080px){.learning-header-panel{grid-template-columns:auto minmax(0,1fr)}.learning-header-stats{grid-column:1/-1;justify-content:flex-start;min-width:0}}@media (max-width:900px){.learning-tab-row{flex-wrap:nowrap;padding:6px;scroll-padding-inline:6px;overflow-x:auto}.learning-tab-button{flex:none}.learning-case-grid{grid-template-columns:1fr}.learning-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-case-card{grid-template-columns:minmax(156px,.36fr) minmax(0,1fr)}.learning-notation-card{grid-template-columns:148px minmax(0,1fr)}}@media (max-width:720px){.learning-header-panel{grid-template-columns:1fr;gap:16px}.learning-header-icon{width:44px;height:44px}.learning-header-copy h2{font-size:1.9rem}.learning-header-stats{grid-template-columns:1fr;display:grid}.learning-stat-pill{width:100%}.learning-section-heading{align-items:flex-start}.learning-step-grid,.learning-case-card,.learning-notation-card,.learning-completion-card,.learning-guide-item{grid-template-columns:1fr}.learning-step-actions{width:100%;display:grid}.learning-step-back-button,.learning-step-next-button{white-space:normal;width:100%}.learning-case-visual{min-height:150px}.learning-case-visual img{max-width:150px}.learning-third-layer-edge-mask{width:150px;height:150px}.learning-guide-media{justify-items:start;min-height:110px;padding:10px}}.community-page,.community-write-page,.community-detail-page{align-items:start}.community-header-panel{justify-content:space-between;align-items:end;gap:24px;display:flex}.community-header-copy{min-width:0}.community-header-copy h2{margin:6px 0 8px;font-size:2.5rem;line-height:1.1}.community-header-icon{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 14px 28px #005da729}.community-board-panel,.community-write-panel,.community-comments-panel{gap:22px;display:grid}.community-board-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.community-category-row{border-bottom:1px solid #d9e3f4c7;flex-wrap:wrap;gap:8px;padding-bottom:8px;display:flex}.community-category-button,.community-page-button{min-width:78px}.community-category-button.ghost-button{box-shadow:none;background:0 0;border-color:#0000}.community-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.community-search-field{width:100%;min-width:0}.community-input-shell{border-radius:var(--radius-control);background:var(--color-surface-low);min-height:52px;color:var(--color-text-soft);border:1px solid #0000;align-items:center;gap:9px;padding:0 14px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex}.community-input-shell:focus-within{background:var(--color-surface);border-color:#005da75c;box-shadow:0 0 0 4px #005da71a}.community-input-shell input{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.community-input-shell input:focus{box-shadow:none;background:0 0;border-color:#0000}.community-write-button{flex-shrink:0}.community-table{table-layout:fixed}.community-col-category{width:104px}.community-col-title{width:42%}.community-col-author{width:18%}.community-col-views{width:112px}.community-col-date{width:170px}.community-title-cell{font-weight:850}.community-post-row{cursor:pointer}.community-post-row:hover td{background:#eef4ff85}.community-post-row:focus-visible{outline-offset:3px;outline:3px solid #005da73d}.community-category-badge{border-radius:var(--radius-control);white-space:nowrap;justify-content:center;align-items:center;min-height:28px;padding:5px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.community-category-badge.is-notice{background:var(--color-accent-soft);color:#8a4600}.community-category-badge.is-free{background:var(--color-primary-tint);color:var(--color-primary)}.community-post-title{min-width:0;color:inherit;word-break:keep-all;overflow-wrap:anywhere}.community-post-author,.community-post-date,.community-post-views{color:var(--color-text-muted);font-weight:700}.community-post-date,.community-post-views{white-space:nowrap}.community-post-views{align-items:center;gap:6px;display:inline-flex}.community-pagination{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.community-detail-header-panel{gap:16px;display:grid}.community-detail-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.community-detail-title,.community-write-title,.community-comments-title{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.28}.community-detail-title{font-size:1.55rem;font-weight:900}.community-detail-info{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.92rem;font-weight:750;display:flex}.community-detail-info>span{align-items:center;display:inline-flex}.community-detail-content-panel{flex-direction:column;min-height:360px;display:flex}.community-detail-content{color:var(--color-text);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;flex-grow:1;line-height:1.75}.community-attachment-gallery,.community-write-image-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.community-attachment-card,.community-write-image-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;gap:10px;padding:12px;display:grid}.community-attachment-name,.community-write-image-card span{color:var(--color-text-muted);word-break:keep-all;overflow-wrap:anywhere;font-size:.9rem;font-weight:700}.community-attachment-image,.community-write-image-preview{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-card);background:var(--color-surface-low);width:100%}.community-detail-actions,.community-write-actions,.community-comment-form-actions{border-top:1px solid #d9e3f4d1;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.community-post-actions{align-items:center}.community-post-actions .ghost-button,.community-post-actions .community-post-delete{white-space:nowrap;padding:10px 14px;font-size:.9rem}.community-post-delete{color:var(--color-danger);border-color:#ba1a1a38}.community-post-delete:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:#ba1a1a5c}.community-write-form{gap:18px}.community-write-form .field textarea{min-height:280px}.community-write-image-section{gap:14px;display:grid}.community-comments-title{border-bottom:1px solid #d9e3f4d1;padding-bottom:12px;font-size:1.18rem;font-weight:900}.community-comments-list{gap:14px;display:grid}.community-comments-empty{color:var(--color-text-muted);text-align:center;margin:0;padding:28px 0;font-size:.95rem}.community-comment-item{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;gap:10px;padding:16px;display:grid}.community-comment-header{justify-content:space-between;align-items:center;gap:12px;font-size:.86rem;display:flex}.community-comment-meta{align-items:center;gap:8px;display:flex}.community-comment-author{color:var(--color-text);font-weight:850}.community-comment-date{color:var(--color-text-soft)}.community-comment-delete{color:var(--color-text-soft);cursor:pointer;background:0 0;border:0;font-size:.85rem;font-weight:800}.community-comment-delete:hover{color:var(--color-danger);text-decoration:underline}.community-comment-delete:disabled{color:var(--color-border-strong);cursor:not-allowed;text-decoration:none}.community-comment-content{color:var(--color-text);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-size:.96rem;line-height:1.65}.community-comment-form{gap:12px;margin-top:8px;display:grid}.community-comment-input{border-radius:var(--radius-control);background:var(--color-surface-low);width:100%;min-height:120px;color:var(--color-text);font:inherit;resize:vertical;border:1px solid #0000;padding:13px 15px;font-weight:650;transition:background-color .18s,border-color .18s,box-shadow .18s}.community-comment-input:focus{background:var(--color-surface);border-color:#005da75c;outline:none;box-shadow:0 0 0 4px #005da71a}.community-comment-login-cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.qna-page,.qna-detail-page,.admin-page,.admin-detail-page{align-items:start}.qna-header-panel,.qna-detail-header-panel,.admin-header-panel,.admin-detail-header-panel{background:linear-gradient(135deg,#fffffffa 0%,#f1f6fff5 66%,#fff6eee0 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.admin-header-panel{grid-template-columns:auto minmax(0,1fr) auto}.admin-detail-header-panel{grid-template-columns:auto minmax(0,1fr)}.qna-header-icon,.admin-header-icon{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 14px 28px #005da724}.qna-header-copy,.admin-header-copy{gap:6px;min-width:0;display:grid}.qna-header-copy h2,.admin-header-copy h2,.admin-detail-header-panel h2{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:2.1rem;line-height:1.16}.admin-detail-header-panel h2{grid-column:2/-1}.qna-header-copy .helper-text,.admin-header-copy .helper-text{margin:0}.qna-header-summary,.admin-console-summary{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0;display:flex}.qna-summary-pill,.admin-console-summary>span{border-radius:var(--radius-card);min-width:128px;min-height:46px;color:var(--color-primary);background:#ffffffdb;border:1px solid #d9e3f4db;align-items:center;gap:10px;padding:9px 12px;display:inline-flex}.qna-summary-pill>span,.admin-console-summary>span>span{gap:1px;display:grid}.qna-summary-pill strong,.admin-console-summary strong{color:var(--color-text);font-size:1rem;line-height:1.1}.qna-summary-pill span span,.admin-console-summary span span{color:var(--color-text-muted);font-size:.78rem;font-weight:800}.qna-feedback-link{min-height:46px}.qna-board-panel,.qna-detail-panel,.admin-board-panel,.admin-detail-content-panel,.admin-memo-create-panel{gap:20px;display:grid}.qna-board-heading,.admin-board-heading{margin-bottom:0}.qna-board-heading h3,.admin-board-heading h3,.admin-memo-create-panel .section-heading h3{align-items:center;gap:8px;display:inline-flex}.qna-state-card,.admin-state-card{border-radius:var(--radius-card);background:var(--color-surface-low);border:1px solid #d9e3f4d1;align-items:start;gap:14px;padding:18px;display:grid}.qna-card-list,.admin-card-list{gap:12px;display:grid}.qna-card,.admin-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;gap:12px;min-width:0;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 24px #121c2808}.qna-card:hover,.admin-card:hover{box-shadow:var(--shadow-lifted);border-color:#005da738;transform:translateY(-1px)}.qna-card h3,.admin-card h3{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:1.12rem;line-height:1.35}.qna-card-header,.admin-card-header,.admin-detail-meta,.qna-detail-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-detail-meta,.qna-detail-meta{color:var(--color-text-muted);grid-column:2/-1;justify-content:flex-start;font-size:.9rem;font-weight:700}.admin-detail-meta span,.qna-detail-meta span,.admin-notification-meta{word-break:keep-all;overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.qna-type-chip,.admin-status-chip{border-radius:var(--radius-control);white-space:nowrap;align-items:center;min-height:30px;padding:6px 10px;font-size:.78rem;font-weight:850;line-height:1.12;display:inline-flex}.qna-type-chip{background:var(--color-accent-soft);color:var(--color-accent-hover)}.admin-card-badges{flex-wrap:wrap;grid-column:2/-1;gap:8px;display:flex}.admin-status-chip.is-success{background:var(--color-success-soft);color:var(--color-success)}.admin-status-chip.is-pending{background:var(--color-danger-soft);color:var(--color-danger)}.admin-status-chip.is-public{background:var(--color-primary-soft);color:var(--color-primary)}.admin-status-chip.is-private{background:var(--color-surface-muted);color:var(--color-text-muted)}.qna-card-question,.admin-card-question,.admin-card-answer,.qna-card-answer p{color:var(--color-text-muted);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.6}.qna-card-answer{border-radius:var(--radius-card);background:var(--color-primary-tint);border:1px solid #d9e3f4b8;gap:7px;padding:12px;display:grid}.qna-card-answer strong{color:var(--color-primary);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.qna-card-meta{color:var(--color-text-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.88rem;font-weight:700;display:flex}.qna-detail-panel,.admin-detail-section,.admin-detail-form{gap:16px;display:grid}.qna-detail-block,.admin-detail-section{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;gap:14px;padding:18px;display:grid}.qna-detail-block .section-heading,.admin-detail-section .section-heading{margin-bottom:0}.qna-detail-block .section-heading h3,.admin-detail-section .section-heading h3{align-items:center;gap:8px;display:inline-flex}.qna-detail-content{color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;line-height:1.75}.admin-tab-row,.admin-filter-row{flex-wrap:wrap;gap:10px;display:flex}.admin-tab-row{border-radius:var(--radius-card);background:var(--color-surface-low);border:1px solid #d9e3f4d1;grid-column:1/-1;padding:6px}.admin-tab-row .primary-button,.admin-tab-row .ghost-button{min-width:132px;min-height:42px;box-shadow:none}.admin-tab-row .ghost-button{background:0 0;border-color:#0000}.admin-filter-row{border-radius:var(--radius-card);background:var(--color-surface-low);border:1px solid #d9e3f4d1;padding:14px}.admin-filter-field{flex:180px;min-width:180px}.admin-memo-create-panel{background:linear-gradient(#fffffff5,#f1f6ffd1)}@media (max-width:900px){.qna-header-panel,.qna-detail-header-panel,.admin-header-panel,.admin-detail-header-panel{grid-template-columns:auto minmax(0,1fr)}.qna-header-summary,.admin-console-summary,.admin-tab-row{grid-column:1/-1;justify-content:flex-start}}@media (max-width:720px){.qna-header-panel,.qna-detail-header-panel,.admin-header-panel,.admin-detail-header-panel{grid-template-columns:1fr}.qna-header-icon,.admin-header-icon{width:44px;height:44px}.qna-header-copy h2,.admin-header-copy h2,.admin-detail-header-panel h2{font-size:1.75rem}.qna-header-summary,.admin-console-summary{grid-template-columns:1fr;display:grid}.qna-summary-pill,.qna-feedback-link,.admin-console-summary>span,.admin-tab-row .primary-button,.admin-tab-row .ghost-button,.admin-filter-field{width:100%}.admin-tab-row,.admin-filter-row{grid-template-columns:1fr;display:grid}.admin-detail-meta,.qna-detail-meta,.admin-detail-header-panel h2,.admin-card-badges{grid-column:1/-1}}.auth-page{justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.auth-shell,.auth-status-shell{grid-column:span 12;width:min(100%,980px);margin:0 auto}.auth-shell{grid-template-columns:minmax(280px,.88fr) minmax(360px,1fr);align-items:stretch;gap:18px;display:grid}.auth-shell-wide{grid-template-columns:minmax(280px,.74fr) minmax(520px,1.26fr);width:min(100%,1120px)}.auth-brand-panel,.auth-panel{border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-ambient);background:#fffffff0;border:1px solid #d9e3f4d1}.auth-brand-panel{background:linear-gradient(#f1f6ffeb,#fffffff0);align-content:start;gap:28px;padding:28px;display:grid;overflow:hidden}.auth-brand-mark{border-radius:var(--radius-card);background:var(--color-surface);justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;box-shadow:0 16px 34px #005da71f}.auth-brand-mark img{border-radius:var(--radius-card);object-fit:cover;width:42px;height:42px}.auth-brand-copy{gap:10px;display:grid}.auth-brand-copy h2{color:var(--color-text);margin:0;font-size:1.75rem;line-height:1.2}.auth-panel{grid-column:auto;gap:18px;width:100%;max-width:520px;margin:0;padding:28px;display:grid}.auth-panel-wide{max-width:none}.auth-header{text-align:left;gap:7px;margin-bottom:4px;display:grid}.auth-header h2{margin:0;font-size:2rem;line-height:1.15}.auth-header .helper-text{margin:0}.auth-header-icon,.auth-section-icon{border-radius:var(--radius-card);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 14px 28px #005da729}.auth-section-icon{background:var(--color-primary-tint);width:38px;height:38px;color:var(--color-primary);box-shadow:none;flex:none}.auth-section-icon.accent{background:var(--color-accent-soft);color:var(--color-accent)}.auth-form{gap:16px}.auth-message{margin:0}.auth-field-shell{border-radius:var(--radius-control);background:var(--color-surface-low);min-height:52px;color:var(--color-text-soft);border:1px solid #0000;align-items:center;gap:9px;padding:0 14px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex}.auth-field-shell:focus-within{background:var(--color-surface);border-color:#005da75c;box-shadow:0 0 0 4px #005da71a}.auth-field-shell input{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.auth-field-shell input:focus{box-shadow:none;background:0 0;border-color:#0000}.auth-field-shell svg{flex:none}.auth-inline-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.auth-inline-button{white-space:nowrap;min-height:52px}.auth-section-panel{border-radius:var(--radius-card);background:linear-gradient(#f8f9ffb8,#fffffff0);border:1px solid #d9e3f4d1;gap:16px;min-width:0;padding:18px;display:grid}.auth-section-heading{align-items:flex-start;gap:12px;display:flex}.auth-section-heading h3{margin:0 0 3px;font-size:1.05rem}.auth-section-heading .helper-text{margin:0}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auth-actions{margin-top:4px}.auth-submit{width:100%}.auth-footer{border-top:1px solid #d9e3f4d1;gap:10px;margin-top:2px;padding-top:18px;display:grid}.auth-footer-item{gap:8px;min-width:0;display:grid}.auth-footer-item .helper-text{margin:0}.auth-footer .ghost-button{text-align:center;justify-content:center;width:100%}.auth-status-shell{width:min(100%,520px)}.auth-status-panel,.auth-status-panel .auth-header{text-align:center;justify-items:center}.auth-status-icon svg{animation:1.1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.auth-shell,.auth-shell-wide{grid-template-columns:1fr;width:min(100%,620px)}.auth-brand-panel{align-content:start;gap:16px}.auth-brand-copy h2{font-size:1.45rem}}@media (max-width:640px){.auth-page{min-height:auto}.auth-brand-panel,.auth-panel{padding:20px}.auth-brand-panel{gap:14px}.auth-brand-mark{width:48px;height:48px}.auth-brand-mark img{width:34px;height:34px}.auth-header h2{font-size:1.72rem}.auth-inline-row,.auth-form-grid{grid-template-columns:1fr}.auth-inline-button{width:100%}.auth-section-panel{padding:16px}}.mypage{align-items:start}.mypage-page-header{grid-column:span 12;gap:8px;display:grid}.mypage-page-header h2{margin:0;font-size:2.5rem;line-height:1.1}.mypage-profile-panel{grid-column:span 12;padding:18px 22px}.mypage-dashboard-panel,.mypage-records-panel{grid-column:span 12}.mypage-profile-panel,.mypage-dashboard-panel,.mypage-records-panel{gap:22px;display:grid}.mypage-profile-card-main{text-align:left;justify-content:space-between;align-items:center;gap:18px;display:flex}.mypage-profile-identity{flex:520px;align-items:center;gap:16px;min-width:0;display:flex}.mypage-avatar{border:2px solid var(--color-primary-soft);background:var(--color-primary-tint);width:56px;height:56px;color:var(--color-primary);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:inline-flex}.mypage-profile-actions{flex:none;justify-content:flex-end;gap:10px;display:flex}.mypage-account-trigger,.mypage-logout{white-space:nowrap;width:auto}.mypage-info{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.mypage-info-item{border-radius:var(--radius-card);background:var(--color-primary-tint);align-items:center;gap:12px;min-width:0;min-height:52px;margin:0;padding:11px 14px;display:flex}.mypage-info-label{color:var(--color-text-muted);font-size:.82rem;font-weight:850}.mypage-info-item strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;font-size:1.05rem;line-height:1.25;overflow:hidden}.mypage-panel-heading,.mypage-records-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.mypage-panel-heading h2,.mypage-records-header h2,.mypage-trend-header h3{margin:0}.dashboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-summary-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid #d9e3f4d1;gap:9px;min-width:0;padding:18px;display:grid}.dashboard-summary-icon{border-radius:var(--radius-control);background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.dashboard-summary-icon.accent{background:var(--color-accent-soft);color:var(--color-accent)}.dashboard-summary-label{color:var(--color-text-muted);font-size:.82rem;font-weight:850}.dashboard-summary-value{color:var(--color-text);overflow-wrap:anywhere;font-size:1.8rem;font-weight:900;line-height:1.05}.pb-value{color:var(--color-accent)}.mypage-trend-panel{gap:14px;padding-top:2px;display:grid}.mypage-trend-title-row{color:var(--color-text);align-items:center;gap:8px;display:inline-flex}.mypage-trend-title-row svg{color:var(--color-primary)}.mypage-trend-chart{border-radius:var(--radius-card);background:linear-gradient(#f1f6ffb8,#fffffff0);border:1px solid #d9e3f4d1;min-height:260px;padding:16px 12px 8px}.mypage-trend-tooltip{border-radius:var(--radius-card);color:#fff;background:#121c28f0;border:1px solid #d9e3f42e;gap:4px;padding:10px 12px;display:grid;box-shadow:0 18px 36px #121c2829}.mypage-trend-tooltip-time,.mypage-trend-tooltip-date{margin:0}.mypage-trend-tooltip-time{font-weight:850}.mypage-trend-tooltip-date{color:#ffffffc2;font-size:.82rem}.mypage-records-header{align-items:center}.mypage-record-actions{justify-content:flex-end}.mypage-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.mypage-page-button{min-width:58px}.mypage-account-form{gap:14px}.mypage-account-actions{justify-content:flex-end;display:flex}.mypage-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121c2875;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mypage-modal{border-radius:var(--radius-card);background:var(--color-background);border:1px solid #d9e3f4d1;gap:20px;width:min(100%,640px);max-height:min(100vh - 48px,760px);padding:24px;display:grid;overflow-y:auto;box-shadow:0 24px 64px #121c2838}.mypage-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mypage-modal-header h2,.mypage-modal-section h3{margin:0}.mypage-modal-tabs{flex-wrap:wrap;gap:10px;display:flex}.mypage-modal-tab{min-width:124px}.mypage-modal-panel,.mypage-modal-section{gap:8px;display:grid}@media (max-width:900px){.mypage-profile-panel,.mypage-dashboard-panel,.mypage-records-panel{grid-column:span 12}.mypage-profile-card-main{flex-wrap:wrap}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.mypage-page-header h2{font-size:2rem}.mypage-profile-panel{padding:20px}.mypage-profile-card-main,.mypage-profile-identity{flex-direction:column;align-items:stretch}.mypage-avatar{align-self:flex-start}.mypage-info,.mypage-profile-actions,.dashboard-summary-grid{grid-template-columns:1fr}.mypage-profile-actions{width:100%;display:grid}.mypage-account-trigger,.mypage-logout{width:100%}.mypage-panel-heading,.mypage-records-header,.mypage-modal-header{flex-direction:column;align-items:stretch}.mypage-account-actions,.mypage-pagination{justify-content:stretch}.mypage-account-actions>*,.mypage-pagination>*{flex:auto}}@media (max-width:1080px){.app-nav-inner{gap:16px}.topnav a{padding-inline:10px}}@media (max-width:900px){.desktop-nav{display:none}.mobile-only-link{display:inline-flex}.app-nav-inner{min-height:62px;padding:0 18px}.brand-link{font-size:1.12rem}.brand-logo{width:30px;height:30px}.page-shell{padding:36px 18px 96px}.app-footer{grid-template-columns:1fr;align-items:start;gap:14px;padding:28px 18px 104px}.app-footer-links{flex-wrap:wrap;justify-content:flex-start;gap:14px}.app-footer-copy{justify-self:start}.mobile-tabbar{z-index:1000;padding:8px max(12px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #c1c7d38f;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #121c2814}.mobile-tabbar a{border-radius:var(--radius-control);min-width:0;min-height:50px;color:var(--color-text-soft);text-align:center;align-content:center;justify-items:center;gap:4px;padding:6px 4px;font-size:.72rem;font-weight:800;line-height:1.1;display:grid}.mobile-tabbar a.active{color:var(--color-primary);background:var(--color-primary-tint)}.two-up,.split-grid,.home-scramble-panel,.rankings-header-panel,.community-header-panel,.dashboard-grid,.timer-layout{grid-template-columns:1fr}.rankings-podium-section{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;min-height:0}.rankings-podium-card,.rankings-podium-card.rank-1{min-height:190px}.timer-toolbar{align-items:stretch}.timer-toolbar-status{justify-content:flex-start;max-width:none;margin-left:0}.section-heading{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.app-nav-inner{padding:0 14px}.topbar-meta{gap:8px}.utility-link{min-height:38px;padding:8px 10px;font-size:.86rem}.status-chip{max-width:132px;min-height:38px;padding:8px 10px;font-size:.86rem}.page-shell{padding:28px 14px 92px}.panel{padding:20px}.footer-feedback-link,.home-action-link,.home-record-link,.community-write-button{text-align:center;justify-content:center;width:100%;display:flex}.rankings-toolbar,.rankings-my-card,.community-header-panel,.community-board-toolbar,.mypage-profile-header,.mypage-records-header,.community-detail-actions,.community-write-actions,.community-comment-header,.community-comment-form-actions{flex-direction:column;align-items:stretch}.rankings-search-field,.rankings-event-field,.timer-event-field{width:100%;min-width:0;max-width:none}.community-search-grid{grid-template-columns:1fr}.community-category-row{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.community-category-button,.community-write-actions>*,.community-detail-actions>*,.community-comment-form-actions>*{width:100%}.rankings-podium-section{grid-template-columns:1fr;gap:28px}.rankings-podium-card,.rankings-podium-card.rank-1{border-radius:var(--radius-card);min-height:0;padding-top:38px}.rankings-my-main{align-items:flex-start}.rankings-my-time{align-self:flex-start}.community-post-actions{flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;padding-bottom:4px;overflow-x:auto}.community-post-actions>*{flex:none;width:auto}.community-post-actions .ghost-button,.community-post-actions .community-post-delete{padding:9px 12px;font-size:.84rem}.community-comment-meta{flex-wrap:wrap}.timer-toolbar{gap:14px}.timer-toolbar-actions{width:100%}.timer-toolbar-actions>button{flex:100%}.timer-stats-grid{grid-template-columns:1fr}.timer-recent-actions>button,.mypage-record-actions>button{flex:calc(50% - 8px)}.mypage-info-item{flex-direction:column;align-items:flex-start;gap:6px}.mypage-info-label{min-width:0}.mypage-trend-chart{padding:12px 8px 4px}.record-table-wrap{overflow-x:visible}.responsive-card-table,.responsive-card-table tbody,.responsive-card-table tr,.responsive-card-table td{width:100%;display:block}.responsive-card-table{border-collapse:separate}.responsive-card-table colgroup,.responsive-card-table thead{display:none}.responsive-card-table tbody{gap:14px;display:grid}.responsive-card-table tr{border-radius:var(--radius-card);background:#ffffffe6;border:1px solid #d9e3f4d1;gap:10px;padding:16px;display:grid}.responsive-card-table td{border-bottom:0;gap:6px;min-width:0;padding:0;display:grid}.responsive-card-table td:before{content:attr(data-label);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:800}.record-table-scramble{word-break:break-word;min-width:0}.community-table.responsive-card-table tbody{gap:10px}.community-table.responsive-card-table .community-post-row{border-radius:var(--radius-card);background:#ffffffeb;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"category category category""title title title""author date views";gap:6px 10px;padding:14px 16px;box-shadow:0 12px 28px #121c280f}.community-table.responsive-card-table .community-post-row td{padding:0}.community-table.responsive-card-table .community-post-row td:before{content:none;display:none}.community-table.responsive-card-table .community-post-category{grid-area:category;font-size:.82rem}.community-table.responsive-card-table .community-post-title{grid-area:title;font-size:1rem;line-height:1.45}.community-table.responsive-card-table .community-post-author{text-overflow:ellipsis;white-space:nowrap;grid-area:author;min-width:0;font-size:.92rem;overflow:hidden}.community-table.responsive-card-table .community-post-date{grid-area:date;justify-self:end;font-size:.84rem}.community-table.responsive-card-table .community-post-views{grid-area:views;justify-self:end;font-size:.84rem}.rankings-table.responsive-card-table tbody{gap:10px}.rankings-table.responsive-card-table .rankings-row{border-radius:var(--radius-card);background:#ffffffeb;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank nickname time""event event event";align-items:center;gap:6px 10px;padding:14px 16px;box-shadow:0 12px 28px #121c280f}.rankings-table.responsive-card-table .rankings-row td{padding:0}.rankings-table.responsive-card-table .rankings-row td:before{content:none;display:none}.rankings-table.responsive-card-table .rankings-row-rank{white-space:nowrap;grid-area:rank;font-size:.84rem}.rankings-table.responsive-card-table .rankings-row-nickname{grid-area:nickname;min-width:0;font-size:1rem;line-height:1.35}.rankings-table.responsive-card-table .rankings-row-time{grid-area:time;justify-self:end;font-size:.94rem}.rankings-table.responsive-card-table .rankings-row-event{grid-area:event;font-size:.84rem}}@media (max-width:520px){.brand-link span{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.utility-link{padding-inline:8px}.status-chip{max-width:108px}.mobile-tabbar a{font-size:.68rem}}