:root{--wood-dark:#3a2719;--wood-medium:#8b6b47;--wood-light:tan;--wood-pale:#f8f4e9;--sea-dark:#1e556b;--sea-medium:#2a718c;--sea-accent:#4a9ab8;--bronze-dark:#b45309;--bronze:#d97706;--bronze-light:#fbbf24;--text-dark:#2c1c10;--text-light:#f8f4e9;--text-muted:#8b6b47}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--wood-pale);color:var(--text-dark);min-height:100vh;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.navbar{background:var(--wood-medium);border-bottom:3px solid var(--wood-dark);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-logo{color:var(--text-light);text-decoration:none;font-size:1.6rem;font-weight:700;font-family:Georgia,serif}.navbar-center{display:flex;gap:2rem}.nav-link{color:var(--text-light);text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-weight:500}.nav-link.active,.nav-link:hover{color:var(--bronze-light);background:rgba(217,119,6,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background:var(--sea-dark);color:var(--text-light)}.btn-primary:hover{background:var(--sea-medium);transform:translateY(-2px)}.btn-small{padding:.4rem .8rem;font-size:.85rem}.dashboard-page{min-height:100vh;background:var(--wood-pale);padding:2rem}.dashboard-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;border:2px solid var(--wood-light);box-shadow:0 4px 12px rgba(58,39,25,.1)}.dashboard-header h1{font-size:2rem;font-weight:800;color:var(--wood-dark);margin-bottom:.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#fff;border-radius:12px;border:2px solid var(--wood-light);padding:1.5rem;box-shadow:0 4px 8px rgba(58,39,25,.08);transition:all .3s ease}.dashboard-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(58,39,25,.12);border-color:var(--wood-medium)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid var(--wood-light)}.card-header h3{font-size:1.2rem;font-weight:700;color:var(--wood-dark);margin:0}.card-content{padding:.5rem 0}.settings-option{display:flex;justify-content:space-between;align-items:center;padding:.8rem;margin-bottom:.5rem;background:rgba(139,107,71,.05);border-radius:6px;border:1px solid rgba(139,107,71,.1)}.setting-value{font-family:Courier New,monospace}.guide-action,.setting-value{color:var(--sea-dark);font-weight:600}.guide-action{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s}.guide-action:hover{color:var(--sea-medium);transform:translateX(3px)}.guide-locked{color:var(--wood-medium);opacity:.7;cursor:not-allowed}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--wood-pale) 0,var(--wood-light) 100%)}.auth-container{width:100%;max-width:400px;padding:2.5rem;background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(58,39,25,.15)}.auth-input{width:100%;padding:.9rem 1.2rem;border:2px solid var(--wood-light);border-radius:8px;font-size:1rem;background:var(--wood-pale);transition:all .3s;margin-bottom:1rem}.auth-input:focus{outline:none;border-color:var(--sea-dark);box-shadow:0 0 0 3px rgba(30,85,107,.1);background:#fff}.timer-simple-container{padding:20px;max-width:500px;margin:0 auto;font-family:Courier New,monospace;background:var(--wood-pale);border-radius:12px;border:2px solid var(--wood-light);box-shadow:0 8px 24px rgba(58,39,25,.1)}.timer-utc-display{text-align:center;margin-bottom:24px;color:var(--wood-medium);font-size:14px;padding:10px;background:rgba(139,107,71,.1);border-radius:8px;border:1px solid var(--wood-light);font-weight:600}.timer-event-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:10px;border-radius:10px;border:2px solid transparent;background:rgba(139,107,71,.05)}.timer-event-card.active{background:linear-gradient(135deg,rgba(30,85,107,.1),rgba(139,107,71,.05));border-color:var(--sea-dark)}.timer-event-name{font-weight:500;font-size:1.1rem}.timer-event-name.active{color:var(--sea-dark);font-weight:600}.timer-event-name.inactive{color:var(--wood-medium)}.timer-event-time{font-weight:600;font-size:14px;font-family:Courier New,monospace}.timer-event-time.active{color:var(--sea-dark)}.timer-event-time.inactive{color:var(--bronze)}@media (max-width:768px){.navbar{padding:.5rem 1rem;flex-direction:column;gap:.5rem}.navbar-center{gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-link{padding:.3rem .6rem;font-size:.9rem}.dashboard-page{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:1.6rem}}@media (max-width:480px){.navbar{padding:.4rem .8rem}.navbar-logo{font-size:1.3rem}.nav-link{padding:.2rem .4rem;font-size:.85rem}.auth-container{padding:1.5rem;margin:0 1rem}}.content-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:100vh;background:var(--wood-pale)}.content-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:12px;border:2px solid var(--wood-light);box-shadow:0 4px 12px rgba(58,39,25,.1)}.content-header h1{font-size:2rem;font-weight:800;color:var(--wood-dark);margin-bottom:.5rem;font-family:Georgia,serif}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.guide-card{display:block;background:#fff;border-radius:12px;border:2px solid var(--wood-light);padding:1.5rem;text-decoration:none;color:inherit;box-shadow:0 4px 8px rgba(58,39,25,.08);transition:all .3s ease;position:relative;overflow:hidden}.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(58,39,25,.12);border-color:var(--wood-medium)}.guide-card-stripe{position:absolute;top:0;left:0;right:0;height:4px}.guide-card-stripe.role-admin{background:linear-gradient(90deg,var(--sea-dark),#1a4d63)}.guide-card-stripe.role-team{background:var(--sea-accent)}.guide-card-stripe.role-user{background:var(--wood-medium)}.guide-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid rgba(139,107,71,.1)}.guide-card-header h2{font-size:1.2rem;font-weight:700;color:var(--wood-dark);margin:0}.guide-role-badge.role-admin{background:linear-gradient(135deg,var(--sea-dark),#1a4d63);color:#fff}.guide-role-badge.role-team{background:var(--sea-accent);color:#fff}.guide-role-badge.role-user{background:var(--wood-medium);color:#fff}.guide-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;color:var(--wood-medium);font-weight:600}.guide-icon{font-size:1.2rem}.content-nav{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--wood-light)}.content-back-link{color:var(--sea-dark);text-decoration:none;font-weight:600}.content-back-link:hover{text-decoration:underline}.guide-page-header{margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;border:2px solid var(--wood-light);box-shadow:0 4px 20px rgba(58,39,25,.1)}.guide-page-header h1{font-size:2rem;font-weight:800;color:var(--wood-dark);margin-bottom:1rem;font-family:Georgia,serif}.guide-meta{display:flex;align-items:center;gap:1rem;color:var(--wood-medium);font-size:.9rem}.chapters-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.chapter-link{display:block;padding:1.5rem;background:#fff;border-radius:8px;border:2px solid var(--wood-light);text-decoration:none;color:inherit;transition:all .3s ease}.chapter-link:hover{background:linear-gradient(135deg,hsla(44,52%,94%,.8),hsla(34,44%,69%,.2));border-color:var(--wood-medium);transform:translateX(5px)}.chapter-content{display:flex;align-items:center;gap:1rem}.chapter-number{flex-shrink:0;width:40px;height:40px;background:var(--wood-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--wood-dark);font-weight:600;font-size:1.1rem;border:2px solid var(--wood-medium)}.chapter-info{flex:1 1}.chapter-info h3{font-size:1.2rem;font-weight:600;color:var(--wood-dark);margin:0 0 .3rem}.chapter-arrow{color:var(--sea-dark);font-size:1.2rem}.guide-note{margin-top:2rem;padding:1.5rem;background:rgba(30,85,107,.1);border-radius:8px;border:1px solid var(--sea-dark);color:var(--sea-dark);font-size:.9rem}.content-error{max-width:800px;margin:0 auto;padding:4rem 2rem;text-align:center}.content-error h1{font-size:1.8rem;font-weight:700;color:var(--wood-dark);margin-bottom:1.5rem}@media (max-width:768px){.content-page{padding:1rem}.guides-grid{grid-template-columns:1fr}.content-header{padding:1.5rem}.content-header h1{font-size:1.6rem}.guide-page-header{padding:1.5rem}.guide-page-header h1{font-size:1.6rem}.chapter-link{padding:1.2rem}.chapter-number{width:35px;height:35px;font-size:1rem}.chapter-info h3{font-size:1.1rem}}@media (max-width:480px){.guide-card-header{gap:.5rem}.chapter-content,.guide-card-header{flex-direction:column;align-items:flex-start}.chapter-content{gap:.8rem}.chapter-number{align-self:center}}.markdown-viewer{min-height:100vh;background:var(--wood-pale);padding:1rem}.markdown-nav{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--wood-light);box-shadow:0 2px 4px rgba(58,39,25,.1);max-width:800px;margin-left:auto;margin-right:auto}.markdown-nav-link{color:var(--sea-dark);text-decoration:none;font-weight:600}.markdown-nav-link:hover{text-decoration:underline}.markdown-nav-separator{margin:0 .5rem;color:var(--wood-light)}.markdown-nav-current{font-weight:700;color:var(--wood-dark)}.markdown-article{background:#fff;padding:2rem;border-radius:12px;border:2px solid var(--wood-light);box-shadow:0 4px 12px rgba(58,39,25,.1);max-width:800px;margin-left:auto;margin-right:auto}.markdown-content{font-size:1.125rem;line-height:1.7;color:var(--text-dark)}.markdown-h1{font-size:2rem;font-weight:800;margin:2rem 0 1rem;color:var(--wood-dark);font-family:Georgia,serif}.markdown-h2{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--sea-dark)}.markdown-h3{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--wood-medium)}.markdown-p{margin:1rem 0;line-height:1.7}.markdown-ul{list-style:disc}.markdown-ol,.markdown-ul{padding-left:1.5rem;margin:1rem 0}.markdown-ol{list-style:decimal}.markdown-a{color:var(--sea-dark);text-decoration:none;font-weight:600}.markdown-a:hover{text-decoration:underline}.markdown-img-container{margin:1.5rem 0;text-align:center}.markdown-img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--wood-light);box-shadow:0 2px 8px rgba(58,39,25,.1);transition:transform .3s ease}.markdown-img:hover{transform:scale(1.02)}.markdown-img-caption{margin-top:.5rem;font-size:.9rem;color:var(--wood-medium);font-style:italic}.markdown-code-block{position:relative;margin:1.5rem 0}.markdown-pre{background:#1a1a1a;border-radius:8px;padding:1rem;overflow-x:auto;color:#f0f0f0;font-size:.9rem}.markdown-code{font-family:Courier New,monospace}.markdown-code-language{position:absolute;top:.5rem;right:.75rem;font-size:.75rem;color:#888;text-transform:uppercase}.markdown-inline-code{background:var(--wood-light);padding:.2rem .4rem;border-radius:4px;font-size:.9rem;font-family:Courier New,monospace;color:var(--wood-dark)}.markdown-table-container{overflow-x:auto;margin:1.5rem 0}.markdown-table{min-width:100%;border-collapse:collapse;border:1px solid var(--wood-light)}.markdown-th{background:var(--wood-pale);font-weight:600;text-align:left}.markdown-td,.markdown-th{border:1px solid var(--wood-light);padding:.75rem 1rem}.markdown-blockquote{border-left:4px solid var(--sea-dark);padding-left:1rem;padding-top:.5rem;padding-bottom:.5rem;margin:1.5rem 0;background:rgba(30,85,107,.05);font-style:italic}.markdown-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--wood-light);max-width:800px;margin-left:auto;margin-right:auto}.markdown-nav-btn{padding:.75rem 1.5rem;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;display:inline-block}.markdown-nav-btn-back{background:var(--wood-medium)}.markdown-nav-btn-back:hover{background:var(--wood-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(58,39,25,.3)}.markdown-nav-btn-all{background:var(--sea-dark)}.markdown-nav-btn-all:hover{background:var(--sea-medium);transform:translateY(-2px);box-shadow:0 4px 8px rgba(30,85,107,.3)}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer}.image-modal-container{max-width:90%;max-height:90%;position:relative}.image-modal-img{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5)}@media (max-width:768px){.markdown-article{padding:1.5rem}.markdown-h1{font-size:1.6rem}.markdown-h2{font-size:1.3rem}.markdown-h3{font-size:1.1rem}.markdown-content{font-size:1rem}.markdown-navigation{flex-direction:column;gap:1rem}.markdown-nav-btn{width:100%;text-align:center}}@media (max-width:480px){.markdown-viewer{padding:.5rem}.markdown-article{padding:1rem}.markdown-nav{padding:.75rem;font-size:.9rem}.markdown-pre{padding:.75rem;font-size:.85rem}}.server-selector{background:#fff;border-radius:12px;border:2px solid var(--wood-light);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(58,39,25,.1)}.server-selector-label{font-size:1.1rem;font-weight:600;color:var(--wood-dark);margin-bottom:1rem;text-align:center}.server-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.server-btn{flex:1 1;min-width:140px;padding:1rem 1.5rem;background:var(--wood-pale);border:2px solid var(--wood-light);border-radius:8px;font-size:1rem;font-weight:600;color:var(--wood-dark);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.server-btn:hover{background:var(--wood-light);transform:translateY(-2px);box-shadow:0 4px 8px rgba(58,39,25,.2)}.server-btn.active{background:var(--sea-dark);color:#fff;border-color:var(--sea-dark)}.server-btn.active:hover{background:var(--sea-medium);border-color:var(--sea-medium)}.server-info{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(139,107,71,.1);font-size:.9rem}.server-name{font-weight:600;color:var(--sea-dark)}.server-start-date{color:var(--wood-medium);font-family:Courier New,monospace;font-size:.85rem}@media (max-width:768px){.server-buttons{flex-direction:column}.server-btn{width:100%}.server-info{flex-direction:column;gap:.5rem;text-align:center}}.role-user{background:var(--wood-medium);color:#fff}.role-team{background:var(--sea-accent);color:#fff}.role-admin{background:linear-gradient(135deg,var(--sea-dark),#1a4d63);color:#fff}.guide-role-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.text-sea-dark{color:var(--sea-dark)}.text-wood-dark{color:var(--wood-dark)}.text-wood-medium{color:var(--wood-medium)}.bg-bronze-light{background:var(--bronze-light)}.server-badge{position:absolute;top:-8px;right:-8px;background:var(--bronze);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;border:2px solid #fff}@media (max-width:768px){.guide-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}