:root{color:#12202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd16673,#0000 28%),radial-gradient(circle at 100% 0,#40916c33,#0000 24%),linear-gradient(#f8f5ef 0%,#eef2eb 100%);font-family:Segoe UI,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.app-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #12202b14;border-radius:28px;padding:20px 24px;box-shadow:0 18px 48px #12202b14}.brand-block{max-width:420px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto 24px;display:flex}.topbar h1{margin:4px 0 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#5b6f62;margin:0;font-size:.8rem;font-weight:700}.topbar-meta{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.topnav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.topnav a{background:#fff9;border:1px solid #12202b14;border-radius:999px;padding:10px 14px}.topnav a.active{color:#f8f5ef;background:#12202b}.status-chip{white-space:nowrap;border-radius:999px;margin:0;padding:8px 12px;font-weight:700}.status-chip.is-authenticated{color:#24513c;background:#d8f3dc}.status-chip.is-guest{color:#822727;background:#fde2e4}.page-shell{max-width:1200px;margin:0 auto}.app-footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #12202b14;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:24px auto 0;padding:20px 24px;display:flex;box-shadow:0 18px 48px #12202b14}.footer-feedback-link{color:#f8f5ef;background:#12202b;border-radius:999px;padding:12px 18px;font-weight:700}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #12202b14;border-radius:24px;grid-column:span 12;padding:24px;box-shadow:0 18px 48px #12202b14}.panel h2,.panel h3{margin-top:0}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{background:#ffffffad;border:1px solid #12202b14;border-radius:20px;gap:10px;padding:20px;display:grid}.dashboard-card-label{color:#53626d;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.82rem}.dashboard-card-value{font-size:clamp(1.35rem,2.8vw,2rem);line-height:1}.dashboard-card-detail{color:#53626d;margin:0;font-size:.95rem;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:16px;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:top;border-bottom:1px solid #12202b14;padding:14px 10px}.record-table th{color:#53626d;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.record-table-scramble{color:#31424f;min-width:420px;line-height:1.6}.two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-grid{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{font-weight:700}.field input,.field select,.field textarea{color:#12202b;background:#fffffff2;border:1px solid #c6d0c7;border-radius:14px;width:100%;padding:12px 14px;font-family:inherit}.field textarea{resize:vertical;min-height:200px}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:14px;padding:12px 16px;font-weight:700}.primary-button{color:#f4f1ea;background:#1b4332}.secondary-button{color:#fffaf6;background:#e07a5f}.ghost-button{color:#12202b;background:#12202b14}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.message{border-radius:14px;margin:0;padding:12px 14px;font-weight:600}.message.info{color:#23486a;background:#eef7ff}.message.success{color:#24513c;background:#d8f3dc}.message.error{color:#822727;background:#fde2e4}.helper-text{color:#53626d;margin:0;font-size:.95rem}.timer-recent-actions,.mypage-record-actions{flex-wrap:wrap;gap:8px;display:flex}.timer-penalty-button,.mypage-penalty-button{min-width:56px;padding:8px 12px;font-size:.82rem}.split-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.stat-list{gap:12px;display:grid}.stat-row{border-bottom:1px solid #12202b14;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{gap:20px;display:grid}.feedback-header-copy{max-width:720px}.feedback-header-copy h2{margin-bottom:12px}.feedback-form-panel{gap:20px;display:grid}.feedback-form-panel .form-grid{gap:18px}.feedback-form-panel .field textarea{min-height:240px}.home-page{align-items:start}.home-scramble-panel{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:24px;display:grid}.home-scramble-copy h2{margin-bottom:12px}.home-scramble-text{letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.75}.home-scramble-actions{color:#f8f5ef;background:#12202b;border-radius:20px;align-content:space-between;gap:16px;padding:20px;display:grid}.home-action-link{justify-self:start}.home-guest-panel{gap:20px;display:grid}.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:14px;display:grid}.home-post-card{color:inherit;background:#ffffffad;border:1px solid #12202b14;border-radius:18px;gap:8px;padding:18px 20px;text-decoration:none;display:grid}.home-post-card strong{font-size:1.05rem}.home-post-category{color:#1b4332;letter-spacing:.04em;background:#1b43321a;border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.home-post-meta{color:#53626d;margin:0;font-size:.92rem}.timer-hero{justify-items:stretch;gap:20px;display:grid}.timer-page{align-items:start}.timer-layout{align-items:start;gap:20px;display:grid}.timer-main{gap:20px;display:grid}.timer-toolbar{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.timer-scramble-full{grid-column:1/-1}.timer-scramble-panel{color:#f8f5ef;background:#12202b;border-radius:24px;padding:22px;display:grid}.timer-scramble-copy{width:100%}.timer-scramble-panel .eyebrow,.timer-scramble-panel .helper-text,.timer-scramble-panel label{color:#f8f5efc2}.timer-event-field select{background:#fffffff2;border-color:#f8f5ef1f}.timer-event-field{width:180px}.timer-display{background:linear-gradient(#ffffffe6,#f3f5eef5);border:1px solid #12202b14;border-radius:24px;justify-items:center;gap:12px;padding:40px 28px;display:grid}.timer-focus-display{align-content:center;min-height:360px}.timer-display.is-holding{background:linear-gradient(#fff4d6b8,#ffecb3b3)}.timer-display.is-ready{background:linear-gradient(#d8f3dcbd,#b7e4c7b8)}.timer-display.is-running{background:linear-gradient(#f1faeee6,#d2e9d6d1)}.timer-display.is-stopped{background:linear-gradient(#ffe8d6c7,#f4a26133)}.timer-value{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,10vw,7rem);line-height:.95}.timer-caption{text-transform:uppercase;letter-spacing:.1em;color:#52636f;margin:0;font-size:.95rem}.scramble-box{color:#f8f5ef;background:#12202b;border-radius:20px;padding:18px 20px}.scramble-box p{margin:0}.scramble-text{word-break:break-word;font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.6;margin-top:8px!important}.timer-scramble-text{font-size:clamp(1.15rem,2.8vw,1.5rem);line-height:1.85;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-toolbar-status{justify-content:flex-end;align-items:center;max-width:420px;min-height:48px;margin-left:auto;display:flex}.timer-recent-panel{background:#ffffffad;border:1px solid #12202b14;border-radius:20px;padding:20px}.timer-recent-heading{margin-bottom:12px}.timer-recent-list{flex-wrap:wrap;gap:10px;display:flex}.timer-recent-item{background:#12202b0f;border:1px solid #12202b14;border-radius:20px;align-items:start;gap:10px;padding:10px 12px;display:grid}.timer-recent-item:first-child{padding-top:10px}.timer-recent-meta{align-items:center;gap:10px;display:flex}.timer-recent-time{white-space:nowrap;margin:0;font-size:1rem;font-weight:700}.timer-recent-penalty{color:#53626d;background:#12202b14;border-radius:999px;align-items:center;padding:4px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.timer-delete-button{opacity:1;pointer-events:auto}.timer-helper{text-align:center;max-width:480px}.rankings-page{align-items:start}.rankings-header-panel{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;display:grid}.rankings-header-copy h2{margin-bottom:12px}.rankings-toolbar{place-content:start flex-end;gap:16px;display:flex}.rankings-event-field{max-width:220px}.rankings-search-field{min-width:240px}.rankings-table-panel{gap:20px;display:grid}.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-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{flex-direction:column;gap:24px;display:flex}.learning-header-copy h2{margin-bottom:12px}.learning-library-panel{gap:20px;display:grid}.learning-tab-row{flex-wrap:wrap;gap:12px;display:flex}.learning-tab-button{min-width:110px}.learning-section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.learning-section-heading h3{margin:0 0 8px}.learning-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learning-case-card{background:#ffffffad;border:1px solid #12202b14;border-radius:20px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:16px;padding:18px;display:grid}.learning-case-visual{background:linear-gradient(#fafaf6f0,#f0f4edf0);border-radius:18px;place-items:center;min-height:180px;display:grid}.learning-case-visual img{width:100%;max-width:180px;height:auto}.learning-case-copy{gap:8px;display:grid}.learning-case-copy h4{margin:0;font-size:1.2rem}.learning-case-label{color:#53626d;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.84rem}.learning-algorithm{color:#12202b;word-break:break-word;background:#12202b0f;border-radius:16px;padding:14px 16px;font-size:1rem;line-height:1.7;display:inline-block}.community-page{align-items:start}.community-header-panel{flex-direction:column;gap:24px;display:flex}.community-header-copy h2{margin-bottom:12px}.community-board-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.community-search-field{width:100%;min-width:0}.community-search-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.community-write-button{flex-shrink:0}.community-board-panel{gap:20px;display:grid}.community-category-row{flex-wrap:wrap;gap:12px;display:flex}.community-category-button,.community-page-button{min-width:88px}.community-table{table-layout:fixed}.community-col-category{width:100px}.community-col-title{width:42%}.community-col-author{width:18%}.community-col-views{width:100px}.community-col-date{width:180px}.community-title-cell{font-weight:700}.community-title-cell a{color:inherit;text-decoration:none}.community-title-cell a:hover{color:#ff3e00;text-decoration:underline}.community-pagination{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.community-detail-page{gap:20px;display:grid}.community-detail-header-panel{flex-direction:column;gap:16px;display:flex}.community-detail-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.community-detail-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.community-detail-info{color:#385b73;flex-wrap:wrap;align-items:center;gap:16px;font-size:.9em;font-weight:500;display:flex}.community-detail-info>span{align-items:center;display:flex}.community-detail-content-panel{flex-direction:column;min-height:400px;display:flex}.community-detail-content{flex-grow:1;line-height:1.6}.community-detail-actions{border-top:1px solid #12202b14;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;display:flex}.community-post-delete{color:#ff3e00;border-color:#ff3e0033}.community-post-delete:hover{color:#d32f2f;background-color:#ff3e000d;border-color:#ff3e00}.community-write-page{align-items:start}.community-write-panel{gap:20px;display:grid}.community-write-title{margin:0}.community-write-form{gap:18px}.community-write-form .field textarea{min-height:280px}.community-write-actions{border-top:1px solid #12202b14;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.community-comments-panel{flex-direction:column;gap:24px;display:flex}.community-comments-title{border-bottom:2px solid #1a2a3a;margin:0;padding-bottom:12px;font-size:1.1rem;font-weight:700}.community-comments-list{flex-direction:column;gap:16px;display:flex}.community-comments-empty{color:#385b73;text-align:center;padding:32px 0;font-size:.95rem}.community-comment-item{background-color:#f7f9fa;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.community-comment-header{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.community-comment-meta{align-items:center;gap:8px;display:flex}.community-comment-author{color:#1a2a3a;font-weight:600}.community-comment-delete{color:#8da4b5;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;font-weight:500;transition:color .2s}.community-comment-delete:hover{color:#ff3e00;text-decoration:underline}.community-comment-delete:disabled{color:#aebfca;cursor:not-allowed;text-decoration:none}.community-comment-date{color:#8da4b5}.community-comment-content{white-space:pre-wrap;font-size:.95rem;line-height:1.5}.community-comment-form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.community-comment-input{resize:vertical;background-color:#fff;border:1px solid #12202b26;border-radius:6px;width:100%;padding:12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.community-comment-input:focus{border-color:#ff3e00;outline:none;box-shadow:0 0 0 2px #ff3e001a}.community-comment-form-actions{justify-content:flex-end;display:flex}.community-comment-login-cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.auth-page{justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.auth-panel{grid-column:span 12;width:100%;max-width:480px;margin:0 auto}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{margin-bottom:8px}.auth-actions{margin-top:24px}.auth-message{margin-bottom:16px}.auth-status-panel{text-align:center}.auth-submit{width:100%}.auth-footer{border-top:1px solid #12202b14;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.auth-footer .ghost-button{text-align:center;width:100%}.mypage{align-items:start}.mypage-profile-panel{flex-direction:column;gap:20px;display:flex}.mypage-profile-header{justify-content:space-between;align-items:center;display:flex}.mypage-profile-header h2{margin:0}.mypage-info{flex-direction:column;gap:12px;display:flex}.mypage-info-item{align-items:center;gap:12px;margin:0;font-size:1.1rem;display:flex}.mypage-info-label{color:#53626d;min-width:80px;font-size:.9rem;display:inline-block}.mypage-dashboard-panel,.mypage-records-panel{flex-direction:column;gap:20px;display:flex}.mypage-records-header h2{margin:0}.mypage-records-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mypage-record-actions{justify-content:flex-end}.mypage-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.mypage-pagination-label{text-align:center;min-width:88px}.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.dashboard-summary-card{background:#fff6;border:1px solid #12202b14;border-radius:16px;gap:8px;padding:20px;display:grid}.dashboard-summary-label{color:#53626d;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.dashboard-summary-value{font-size:1.8rem;font-weight:700;line-height:1}.pb-value{color:#ff3e00}@media (width<=900px){.topbar,.two-up,.split-grid,.home-scramble-panel,.rankings-header-panel,.community-header-panel,.dashboard-grid,.timer-layout,.learning-case-grid,.learning-case-card{grid-template-columns:1fr}.timer-toolbar{align-items:stretch}.timer-toolbar-status{justify-content:flex-start;max-width:none;margin-left:0}.topbar{flex-direction:column}.topbar-meta{align-items:flex-start}.app-footer{flex-direction:column;align-items:flex-start}.app-shell{padding:16px}.section-heading{flex-direction:column;align-items:flex-start}}