:root{--bg:#111;--panel:#1b1b1b;--panel-2:#242424;--text:#f5f5f5;--muted:#9a9a9a;--line:#2b2b2b;--accent:#14b8d4;--yellow:#ffea00;--danger:#ef4444;--green:#22c55e;--purple:#a855f7;--blue:#00a7ff;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{border:0}.app-shell{min-height:100dvh;padding-bottom:calc(74px + var(--safe-bottom))}
.mobile-header{position:sticky;top:0;z-index:20;min-height:72px;padding:calc(10px + var(--safe-top)) 12px 10px;display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;background:rgba(17,17,17,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.icon-button,.angle-button,.set-button{height:42px;border-radius:14px;color:var(--text);background:transparent}.icon-button{width:42px;font-size:32px;line-height:1}.hidden{visibility:hidden}.header-title{font-size:23px;font-weight:850;line-height:1.05}.header-subtitle{margin-top:4px;color:var(--muted);font-size:13px}.angle-button{min-width:54px;padding:0 8px;font-size:20px;font-weight:800}.set-button{background:#0e7490;padding:0 14px;font-weight:800;color:#dffaff}
.view{display:none}.view-active{display:block}
.search-zone{position:sticky;top:calc(72px + var(--safe-top));z-index:10;padding:12px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.05)}.search-row{display:grid;grid-template-columns:1fr 56px;gap:10px}.search-input{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 14px;border-radius:12px;background:#e5e5e5;color:#111}.search-input span{font-size:30px;opacity:.55}.search-input input{width:100%;border:0;outline:0;background:transparent;color:#111;font-size:17px}.filter-button{border-radius:12px;font-size:30px;color:#444;background:#d8d8d8}
.filters-panel{display:none;margin-top:10px;padding:12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.filters-panel.open{display:block}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.filter-grid input,.filter-grid select{width:100%;min-height:42px;border-radius:10px;border:1px solid var(--line);background:#0d0d0d;color:var(--text);padding:0 10px}
.bloc-list{padding:10px 12px 20px}.empty-state{padding:24px 8px;color:var(--muted);text-align:center}.bloc-card-mobile{width:100%;display:grid;grid-template-columns:118px 1fr;gap:12px;padding:18px 0;text-align:left;background:transparent;color:var(--text);border-bottom:1px solid rgba(255,255,255,.08)}.card-grade{font-size:30px;line-height:1;font-weight:900}.done-check{color:var(--green);font-size:22px;margin-left:6px}.card-stars,.stars{margin-top:8px;color:var(--yellow);letter-spacing:1px;font-size:18px;white-space:nowrap}.card-ascents,.detail-ascents,.card-meta{color:var(--muted);font-size:15px;margin-top:3px}.card-title{font-size:22px;font-weight:850;line-height:1.18;text-align:right}.card-creator{text-align:right;color:var(--muted);font-size:20px;font-weight:750;margin-top:4px}.card-badges{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.badge{color:#d7d7d7;background:#242424;border:1px solid #333;border-radius:999px;padding:4px 8px;font-size:12px}
.detail-screen{min-height:calc(100dvh - 146px);padding:14px 0 20px;touch-action:pan-y}.detail-top{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:8px 16px 14px;border-bottom:1px solid var(--line)}.detail-grade-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.detail-grade{font-size:34px;font-weight:900;line-height:1}.detail-angle{color:var(--muted);font-size:24px;font-weight:850}.detail-done{display:none;color:var(--green);font-size:24px;font-weight:900}.detail-done.visible{display:inline}.detail-title-block{text-align:right}.detail-title-block h1{margin:0;font-size:28px;line-height:1.08}.detail-creator{margin-top:5px;color:var(--muted);font-size:20px;font-weight:750}
.board-stage{padding:14px 10px 8px}.mini-board{width:min(100%,520px);margin:0 auto;aspect-ratio:25/17;position:relative;background:#0b0b0b;border-radius:10px;overflow:hidden;border:1px solid #222}.hold-dot{position:absolute;width:3.1%;aspect-ratio:1;border-radius:999px;background:#565656;border:1px solid #2b2b2b;transform:translate(-50%,-50%)}.hold-dot.active{background:transparent;border:3px solid var(--blue);box-shadow:0 0 8px currentColor}.hold-dot.green{border-color:var(--green);color:var(--green)}.hold-dot.yellow{border-color:var(--yellow);color:var(--yellow)}.hold-dot.blue{border-color:var(--blue);color:var(--blue)}.hold-dot.purple{border-color:var(--purple);color:var(--purple)}
.detail-description{padding:0 16px;color:var(--muted);font-size:14px;min-height:20px}.attempts-zone{display:flex;align-items:center;justify-content:center;gap:22px;margin:22px 0 14px}.round-control{width:64px;height:64px;border-radius:999px;background:transparent;color:var(--text);border:7px solid var(--text);font-size:42px;font-weight:600;line-height:0}.attempts-count{text-align:center;min-width:80px}.attempts-count span{display:block;font-size:34px;font-weight:850}.attempts-count small{color:var(--muted)}.detail-actions{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:22px;align-items:center;padding:0 28px}.large-icon-button,.send-button{height:74px;border-radius:999px;background:transparent;color:var(--text);font-size:42px}.send-button{background:#f5f5f5;color:#111;font-size:54px;font-weight:850}.favorite-on{color:var(--yellow)}.bulb-button svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bulb-button.bulb-on{color:var(--accent);text-shadow:0 0 14px rgba(20,184,212,.8)}.detail-secondary-actions{display:flex;justify-content:center;padding:16px 28px 0}.comments-button{width:100%;min-height:48px;border-radius:14px;background:#252525;color:var(--text);font-weight:800;border:1px solid #333}
.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(74px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#141414;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.nav-item{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:var(--text);background:transparent;font-size:24px}.nav-item small{font-size:12px}.nav-item.active{color:var(--accent)}
.modal-backdrop{display:none;position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.62);align-items:flex-end}.modal-backdrop.open{display:flex}.modal-sheet{width:100%;max-height:88dvh;overflow:auto;padding:26px 20px calc(24px + var(--safe-bottom));border-radius:26px 26px 0 0;background:#1a1a1a;box-shadow:0 -12px 35px rgba(0,0,0,.35)}.compact-sheet{padding-top:22px}.modal-sheet h2{margin:0 0 28px;font-size:28px}.modal-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:22px;font-weight:800}.modal-row-column{align-items:flex-start;flex-direction:column}.mini-stepper{display:flex;align-items:center;gap:18px}.mini-stepper button{background:transparent;color:var(--text);font-size:36px}.rating-input{display:flex;gap:7px}.rating-input button{background:transparent;color:var(--yellow);font-size:38px}.comment-field{display:flex;flex-direction:column;gap:10px;margin-top:18px;font-size:22px;font-weight:800}.comment-field textarea{width:100%;min-height:90px;background:transparent;color:var(--text);border:0;border-bottom:2px solid #eee;outline:0;resize:vertical;font-size:16px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.modal-actions.single{grid-template-columns:1fr}.primary-button,.secondary-button{min-height:56px;border-radius:12px;color:var(--text);font-weight:800}.primary-button{background:#12a7c1}.secondary-button{background:#333}
.angle-visual{height:150px;position:relative;margin:8px auto 10px;max-width:280px}.angle-floor{position:absolute;left:48px;bottom:32px;width:205px;height:8px;border-radius:999px;background:#f1f1f1}.angle-wall{position:absolute;left:48px;bottom:32px;width:8px;height:130px;border-radius:999px;background:#f1f1f1;transform-origin:bottom center;transform:rotate(15deg)}.angle-value{text-align:center;font-size:56px;font-weight:850;margin-bottom:22px}#angleSlider{width:100%;accent-color:var(--accent)}
.comments-list{display:grid;gap:14px}.comment-card{background:#242424;border:1px solid #333;border-radius:16px;padding:14px}.comment-head{display:flex;justify-content:space-between;gap:10px;font-weight:800}.comment-stars{color:var(--yellow);white-space:nowrap}.comment-meta{color:var(--muted);font-size:13px;margin-top:4px}.comment-text{margin-top:10px;color:#eee;line-height:1.45}.muted{color:var(--muted)}
.profile-page,.logbook-page{padding:18px 18px 90px}.profile-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.profile-page-header h1{margin:0;font-size:30px}.gear-button{background:transparent;color:var(--text);font-size:34px}.profile-main{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}.profile-picture-generic{width:140px;height:140px;border-radius:999px;background:#f1f1f1;display:grid;place-items:center;color:#999;font-size:76px}.profile-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;color:var(--muted)}.profile-stats-row strong{display:block;color:var(--text);font-size:24px}.edit-profile-button{grid-column:2;min-height:52px;border-radius:12px;background:var(--accent);color:#e9fbff;font-size:18px;font-weight:850;opacity:.75}.profile-identity{margin-top:24px}.profile-identity h2{margin:0;font-size:26px}.profile-identity p{margin:6px 0 0;color:var(--muted);font-size:20px}.profile-menu{margin-top:34px;display:grid;gap:12px}.profile-menu button{display:grid;grid-template-columns:44px 1fr auto;align-items:center;min-height:64px;background:transparent;color:var(--text);text-align:left}.profile-menu-icon{font-size:28px}.profile-menu strong{font-size:23px}.profile-menu small{color:var(--muted);font-size:16px}
.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 24px}.period-tabs button{min-height:46px;border-radius:10px;background:#e5e5e5;color:#555;font-weight:800}.period-tabs button.active{background:var(--accent);color:white}.logbook-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-bottom:18px}.logbook-stats span{display:block;color:var(--muted);font-size:22px}.logbook-stats strong{display:block;font-size:30px;margin-top:6px}.histogram{height:230px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #777;margin:0 4px 34px;padding:0 10px 0 42px;position:relative}.histogram::before{content:"";position:absolute;left:42px;right:0;top:33%;border-top:1px solid #777;opacity:.7}.histogram::after{content:"";position:absolute;left:42px;right:0;top:66%;border-top:1px solid #777;opacity:.7}.hist-bar{width:18px;background:var(--accent);min-height:2px;position:relative}.hist-label{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%) rotate(90deg);transform-origin:center;color:var(--muted);font-size:14px;white-space:nowrap}.log-day{font-size:23px;font-weight:900;margin:28px 0 10px}.log-entry{position:relative;padding:14px 38px 16px 0;border-top:1px solid #333}.log-time{color:var(--muted);font-size:16px}.log-status{margin-top:8px;color:#ddd;font-size:18px}.log-status .check{color:var(--accent);font-size:22px;margin-right:8px}.log-name{margin-top:8px;font-weight:850;font-size:18px}.log-grade{font-weight:850;font-size:17px}.log-more{position:absolute;right:0;top:30px;background:transparent;color:white;font-size:30px}.sheet-action{width:100%;min-height:64px;background:transparent;color:var(--text);font-size:24px;text-align:left}.danger-text{color:#ff7777}
.profile-screen{min-height:100dvh;padding:calc(24px + var(--safe-top)) 18px calc(24px + var(--safe-bottom));display:grid;place-items:center}.profile-card{width:min(100%,520px);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px}.profile-board-name{font-size:24px;font-weight:900}.profile-board-desc{color:var(--muted);margin-top:4px}.profile-card h1{margin:28px 0 6px;font-size:32px}.profile-card p{margin:0 0 18px;color:var(--muted)}.profile-list{display:grid;gap:10px}.profile-button{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px;border-radius:16px;color:var(--text);background:#242424;text-align:left}.profile-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:var(--accent);color:#06242a;font-weight:900}.profile-button small{display:block;color:var(--muted);margin-top:3px}.profile-admin-link{display:block;margin-top:20px;color:var(--accent);text-align:center;text-decoration:none}
@media (min-width:720px){.app-shell{max-width:720px;margin:0 auto;border-left:1px solid #202020;border-right:1px solid #202020}}