@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=Inter:wght@400;500;600;700&display=swap";:root{--text:#67716a;--text-h:#121a14;--bg:#fff;--border:#e9ece6;--code-bg:#f4f6f1;--accent:#2a5c41;--accent-bg:#2a5c4114;--accent-border:#2a5c4166;--social-bg:#f4f6f299;--shadow:#1018120f 0 10px 15px -3px, #10181208 0 4px 6px -2px;--canvas:#f4f6f2;--panel:#fff;--wash:#f6f8f4;--mint:#e2efe3;--mint-weak:#eff5ed;--pine:#2a5c41;--pine-hover:#1e4530;--pine-text:#1c4230;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Bricolage Grotesque", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}:root[data-theme=dark]{--text:#9aa79d;--text-h:#eef3ee;--bg:#101410;--border:#2a322b;--code-bg:#1c231c;--accent:#8fcca8;--accent-bg:#8fcca824;--accent-border:#8fcca873;--social-bg:#1e241e80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--canvas:#0f130f;--panel:#171c17;--wash:#1e241e;--mint:#23402c;--mint-weak:#1c271e;--pine:#35714d;--pine-hover:#418a5e;--pine-text:#a6d8ba}:root[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.auth{flex-grow:1;place-items:center;padding:32px 20px;display:grid}.auth-card{text-align:left;border:1px solid var(--border);width:400px;max-width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:12px;padding:36px 32px}.auth-brand{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:15px;font-weight:600}.auth-title{letter-spacing:-.5px;margin:0 0 4px;font-size:28px}.auth-subtitle{margin-bottom:24px;font-size:15px}.auth-tabs{background:var(--code-bg);border-radius:8px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.auth-tabs button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 0;font-size:15px;transition:background .2s,color .2s}.auth-tabs button.active{background:var(--bg);color:var(--text-h);box-shadow:0 1px 3px #00000014}.auth-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth form{flex-direction:column;gap:16px;display:flex}.auth label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.auth input{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:16px;transition:border-color .2s}.auth input::placeholder{color:var(--text);opacity:.6}.auth input:focus{border-color:var(--accent);outline:none}.auth-notice{color:var(--accent);background:var(--accent-bg);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:14px}.auth-error{color:#d92d20;background:#d92d2014;border-radius:8px;padding:10px 12px;font-size:14px}.auth-submit{font:inherit;color:var(--accent);background:var(--accent-bg);cursor:pointer;border:2px solid #0000;border-radius:8px;margin-top:4px;padding:11px;font-size:16px;font-weight:500;transition:border-color .3s}.auth-submit:hover:not(:disabled){border-color:var(--accent-border)}.auth-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{text-align:center;margin-top:20px;font-size:14px}.auth-switch button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}#root:has(.app-shell){width:100%}.app-shell{box-sizing:border-box;background:var(--canvas);text-align:left;flex-grow:1;grid-template-columns:264px minmax(0,1fr);gap:20px;min-height:100svh;padding:20px;display:grid}.sidebar-col{flex-direction:column;gap:16px;height:calc(100svh - 40px);display:flex;position:sticky;top:20px}.sidebar{background:var(--panel);border:1px solid var(--border);box-sizing:border-box;border-radius:20px;flex-direction:column;flex:1;gap:2px;min-height:0;padding:20px;display:flex}.brand{align-items:center;gap:11px;padding:2px 4px 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#35714d,#1a3d2a);border-radius:13px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.brand-name{font-family:var(--heading);letter-spacing:-.4px;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:700;overflow:hidden}.nav-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--text);opacity:.75;margin:16px 8px 6px;font-size:11px;font-weight:700}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{width:100%;font:500 15px var(--sans);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,color .15s;display:flex;position:relative}.nav-item svg{flex-shrink:0}.nav-item .nav-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item:hover{color:var(--text-h);background:var(--wash)}.nav-item:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.nav-item.active{color:var(--pine-text);background:var(--mint-weak);font-weight:600}.nav-item.active:before{content:"";background:var(--pine);border-radius:0 4px 4px 0;width:4px;height:26px;position:absolute;top:50%;left:-20px;translate:0 -50%}.nav-badge{background:var(--pine);color:#fff;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-spacer{flex:1}.main-col{flex-direction:column;gap:20px;min-width:0;display:flex}.topbar{background:var(--panel);border:1px solid var(--border);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.topbar-club{font-family:var(--heading);letter-spacing:-.2px;color:var(--text-h);align-items:center;gap:10px;min-width:0;font-size:17px;font-weight:600;display:flex}.topbar-club>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account{flex-shrink:0;position:relative}.account-trigger{font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:5px 10px 5px 5px;transition:background .15s;display:flex}.account-trigger:hover{background:var(--wash)}.account-trigger:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.avatar{width:38px;height:38px;color:var(--pine-text);background:var(--mint);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.identity-name{color:var(--text-h);font-size:14px;font-weight:600}.account-chevron{color:var(--text);place-items:center;transition:rotate .15s;display:grid}.account-chevron.open{rotate:180deg}.account-menu{background:var(--panel);border:1px solid var(--border);width:220px;box-shadow:var(--shadow);z-index:50;border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.account-item{font:500 14.5px var(--sans);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;transition:background .15s,color .15s;display:flex}.account-item svg{flex-shrink:0}.account-item:hover{background:var(--wash);color:var(--text-h)}.account-item:focus-visible{outline:2px solid var(--pine);outline-offset:-2px}.content-panel{background:var(--panel);border:1px solid var(--border);box-sizing:border-box;border-radius:20px;flex-grow:1;padding:28px 32px 32px}.page-head{margin-bottom:24px}.page-head h1{font:600 32px/1.15 var(--heading);letter-spacing:-.8px;color:var(--text-h);margin:0 0 6px}.page-head p{margin:0;font-size:15px}.content-panel h3{letter-spacing:1.2px;text-transform:uppercase;color:var(--text);margin:24px 0 8px;font-size:12px;font-weight:700}.club-page>h3:first-child{margin-top:0}.no-club{text-align:center;padding:64px 0}.no-club h1{font:600 32px/1.15 var(--heading);letter-spacing:-.8px;margin:0 0 8px}.role-badge{letter-spacing:.5px;text-transform:uppercase;background:var(--wash);color:var(--text);border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.role-badge.admin{background:var(--mint);color:var(--pine-text)}.member-list{margin:0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;font-size:15px;display:flex}.member-list li:last-child{border-bottom:none}.member-list .member-name{color:var(--text-h);font-weight:500}.member-list .member-email{text-overflow:ellipsis;flex:1;overflow:hidden}.member-list .invite-expiry{font-size:13px}.member-list.pending .member-email{color:var(--text)}.page-empty{margin:4px 0 0;font-size:15px}.revoke,.peek{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px;font-size:13px;line-height:1;transition:border-color .2s,color .2s}:is(.revoke,.peek):focus-visible{outline:2px solid var(--pine);outline-offset:2px}.revoke:hover{color:#d92d20;border-color:#d92d20}.peek{place-items:center;padding:4px 7px;display:grid}.peek:hover{border-color:var(--accent-border);color:var(--pine-text)}.invite-form{gap:8px;max-width:480px;margin-top:20px;display:flex}.invite-form input{min-width:0;font:inherit;color:var(--text-h);background:var(--wash);border:1px solid #0000;border-radius:999px;flex:1;padding:9px 16px;font-size:15px}.invite-form input:focus{border-color:var(--pine);background:var(--panel);outline:none}.invite-form button,.modal-actions button[type=submit],.btn-primary,.chat-form button{font:inherit;color:#fff;background:var(--pine);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:9px 20px;font-size:15px;font-weight:600;transition:background .2s}:is(.invite-form button,.modal-actions button[type=submit],.btn-primary,.chat-form button):hover:not(:disabled){background:var(--pine-hover)}:is(.invite-form button,.modal-actions button[type=submit],.btn-primary,.chat-form button):focus-visible{outline:2px solid var(--pine);outline-offset:2px}:is(.invite-form button,.modal-actions button[type=submit],.btn-primary,.chat-form button):disabled{opacity:.55;cursor:default}.content-panel .auth-notice,.content-panel .auth-error{margin-top:12px;margin-bottom:0}.wisdom-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.wisdom-meta{color:var(--text);font-size:13px}.wisdom-order-hint{margin:2px 0 0;font-size:13px}.add-btn{font:600 14px var(--sans);color:#fff;background:var(--pine);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;transition:background .2s}.add-btn:hover{background:var(--pine-hover)}.add-btn:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.wisdom-empty{border:1.5px dashed var(--border);text-align:center;border-radius:16px;margin-bottom:16px;padding:40px 24px}.wisdom-empty p{max-width:440px;margin:0 auto;font-size:14.5px}.wisdom-empty-title{font-family:var(--heading);color:var(--text-h);font-size:17px;font-weight:600;margin-bottom:6px!important}.wisdom-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wisdom-list li{box-sizing:border-box;background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;min-height:51px;padding:12px 16px;font-size:15px;transition:border-color .15s;display:flex}.wisdom-list li:hover{border-color:var(--accent-border)}.wisdom-list li.dragging{z-index:2;border-color:var(--accent-border);box-shadow:var(--shadow);transition:none;position:relative}.drag-handle{color:var(--text);opacity:.55;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;place-items:center;margin:-5px -3px;padding:5px;display:grid}.drag-handle:hover{background:var(--wash);opacity:1}.dragging .drag-handle{cursor:grabbing}.wisdom-list .add-row{border-color:var(--pine);background:var(--pine);padding:0;transition:background .2s,border-color .2s;position:relative}.wisdom-list .add-row:hover{border-color:var(--pine-hover);background:var(--pine-hover)}.wisdom-list li+.add-row{margin-top:28px}.wisdom-list li+.add-row:before{content:"";background:var(--border);height:1px;position:absolute;top:-19px;left:0;right:0}.add-row-btn{width:100%;font:600 15px var(--sans);color:#fff;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:13px;align-self:stretch;padding:0 16px}.add-row-btn:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.wisdom-rank{width:22px;height:22px;color:var(--pine-text);background:var(--mint-weak);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.file-chip{letter-spacing:.8px;background:var(--mint);color:var(--pine-text);border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:700}.wisdom-name{font:500 15px var(--sans);color:var(--text-h);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:0;overflow:hidden}.wisdom-name:hover{color:var(--pine-text);text-underline-offset:3px;text-decoration:underline}.wisdom-name:focus-visible{outline:2px solid var(--pine);outline-offset:2px;border-radius:4px}.wisdom-size,.wisdom-date{color:var(--text);flex-shrink:0;font-size:13px}.modal-overlay{z-index:100;background:#121a1466;place-items:center;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) modal-overlay-in;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);width:560px;max-width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:20px;padding:24px 26px;animation:.3s cubic-bezier(.16,1,.3,1) modal-card-in;position:relative}.modal-card h2{font:600 22px var(--heading);letter-spacing:-.4px;color:var(--text-h);margin:0 0 6px}.modal-hint{margin:0 0 14px;font-size:14px}@keyframes modal-overlay-in{0%{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:scale(.94)translateY(10px)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-card{animation:none}}.modal-card textarea{width:100%;font:inherit;color:var(--text-h);background:var(--wash);box-sizing:border-box;resize:vertical;border:1px solid #0000;border-radius:14px;padding:12px 14px;font-size:15px}.modal-card textarea:focus{border-color:var(--pine);background:var(--panel);outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.wisdom-list .skeleton{pointer-events:none}.skeleton-bar{background:linear-gradient(90deg, var(--wash) 25%, var(--mint-weak) 50%, var(--wash) 75%);background-size:200% 100%;border-radius:6px;width:55%;height:14px;animation:1.2s linear infinite skeleton-shimmer}.wisdom-list .skeleton:nth-child(2) .skeleton-bar{width:40%}.wisdom-list .skeleton:nth-child(3) .skeleton-bar{width:65%}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.drop-overlay{z-index:90;border:2px dashed var(--pine);pointer-events:none;background:#ffffffb8;border-radius:20px;place-items:center;display:grid;position:fixed;inset:12px}.drop-overlay-msg{font:600 15px var(--sans);color:#fff;background:var(--pine);box-shadow:var(--shadow);border-radius:999px;padding:12px 22px}.viewer-card{width:640px}.viewer-card h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-loading{text-align:center;padding:24px 0;font-size:14px}.viewer-text{white-space:pre-wrap;overflow-wrap:break-word;max-height:55vh;color:var(--text-h);background:var(--wash);cursor:text;border:1px solid #0000;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.55;transition:border-color .15s;overflow-y:auto}.viewer-text:hover{border-color:var(--accent-border)}.viewer-text:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.viewer-edit{width:100%;min-height:52px;max-height:55vh;font:inherit;color:var(--text-h);background:var(--wash);border:1px solid var(--pine);box-sizing:border-box;resize:vertical;border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.55}.viewer-edit:focus{outline:none}.modal-drop{z-index:5;border:2px dashed var(--pine);font:600 15px var(--sans);color:var(--pine-text);pointer-events:none;background:#ffffffed;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:6px}.modal-upload{align-items:center;gap:8px;margin-right:auto;display:inline-flex}.modal-upload svg{flex-shrink:0}.upload-overlay{z-index:110}.upload-card{width:480px}.upload-list{flex-direction:column;gap:14px;margin:4px 0 0;padding:0;list-style:none;display:flex}.upload-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.upload-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:500;overflow:hidden}.upload-status{color:var(--text);flex-shrink:0;font-size:13px}.upload-status.done{color:var(--pine-text);font-weight:500}.upload-status.error{color:#d92d20}.upload-bar{background:var(--wash);border-radius:999px;height:6px;overflow:hidden}.upload-bar i{background:var(--pine);border-radius:999px;height:100%;transition:width .15s;display:block}.upload-bar.parsing i{animation:1.1s ease-in-out infinite upload-parsing;width:100%!important}.upload-bar.error i{background:#d92d20}@keyframes upload-parsing{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.upload-bar.parsing i{animation:none}}.btn-ghost{font:500 15px var(--sans);border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--accent-border);color:var(--text-h)}.btn-ghost:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.coached-by{font-size:15px}.coach-chat{margin-top:16px}.chat-window{background:var(--wash);border-radius:16px;flex-direction:column;gap:8px;max-height:420px;padding:14px;display:flex;overflow-y:auto}.chat-empty{text-align:center;padding:20px 0;font-size:14px}.chat-bubble{white-space:pre-wrap;overflow-wrap:break-word;border-radius:14px;max-width:85%;padding:9px 14px;font-size:15px;line-height:1.45}.chat-bubble.user{background:var(--pine);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.assistant{background:var(--panel);border:1px solid var(--border);color:var(--text-h);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.typing{color:var(--text);letter-spacing:2px}.chat-form{gap:8px;margin-top:12px;display:flex}.chat-form input{font:inherit;color:var(--text-h);background:var(--wash);border:1px solid #0000;border-radius:999px;flex:1;padding:10px 16px;font-size:15px}.chat-form input:focus{border-color:var(--pine);background:var(--panel);outline:none}@media (width<=920px){.app-shell{grid-template-columns:1fr;gap:12px;padding:12px}.sidebar{flex-direction:row;align-items:center;gap:4px;height:auto;padding:10px 14px;position:static;overflow-x:auto}.brand{padding:0 8px 0 0}.brand-name,.nav-label,.sidebar-spacer{display:none}.sidebar-nav{flex-direction:row}.nav-item{white-space:nowrap;width:auto;padding:8px 12px}.nav-item.active:before{display:none}.topbar{flex-wrap:wrap}.content-panel{padding:20px}.page-head h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell{transition:none!important}}.usage-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:8px;display:grid}.usage-stat{border:1px solid var(--border);background:var(--wash);border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.usage-stat-value{font-family:var(--heading);letter-spacing:-.4px;color:var(--text-h);font-size:22px;font-weight:700}.usage-stat-label{color:var(--text);font-size:13px}.usage-list{margin:0;padding:0;list-style:none}.usage-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex}.usage-list li:last-child{border-bottom:none}.usage-list li.failed .usage-detail{color:#a33d2e}.usage-list .usage-time{font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0}.usage-list .usage-purpose{color:var(--text-h);flex-shrink:0;font-weight:500}.usage-list .usage-detail{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.usage-list .usage-cost{font-variant-numeric:tabular-nums;color:var(--text-h);flex-shrink:0;font-weight:600}.usage-list .usage-user{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:160px;font-weight:500;overflow:hidden}.usage-list .usage-bar{background:var(--wash);border-radius:999px;flex:1;height:8px;overflow:hidden}.usage-list .usage-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#35714d,#1a3d2a);height:100%;display:block}.usage-list.by-user .usage-detail{flex:none}.usage-cap{color:var(--text);margin:16px 0 0;font-size:13px}.usage-list li:has(>.usage-row){padding:0;display:block}.usage-row{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex}.usage-row:hover .usage-purpose{text-decoration:underline}.usage-log-card{flex-direction:column;width:720px;max-height:calc(100svh - 80px);display:flex}.usage-log-body{min-height:60px;margin-top:8px;overflow-y:auto}.usage-log-body .io-panel:first-child{margin-top:0}.io-cells{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.io-cell{font:inherit;text-align:left;border:1px solid var(--border);background:var(--wash);color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 14px;transition:border-color .12s,background .12s;display:flex}.io-cell:hover{border-color:var(--pine)}.io-cell.active{border-color:var(--pine);background:var(--mint)}.io-cell.active .io-cell-label,.io-cell.active .io-cell-tokens,.io-cell.active .io-cell-hint{color:var(--pine-text)}.io-cell.failed.active{background:#f7e8e4;border-color:#a33d2e}.io-cell.failed.active .io-cell-label,.io-cell.failed.active .io-cell-tokens,.io-cell.failed.active .io-cell-hint{color:#a33d2e}.io-cell-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text);font-size:10.5px;font-weight:700}.io-cell-tokens{font-family:var(--heading);letter-spacing:-.3px;color:var(--text-h);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.io-cell-hint{color:var(--text);font-size:12px}.io-panel{flex-direction:column;gap:8px;margin-top:8px;display:flex}.io-panel.output.failed .usage-pre.error{background:#f7e8e4;border-color:#a33d2e}.io-panel-empty{color:var(--text);margin:0;font-size:14px}.io-item{border:1px solid var(--border);background:var(--panel);border-radius:12px;transition:border-color .12s}.io-item:hover{border-color:var(--pine)}.io-item summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:11px 14px;list-style:none;display:flex}.io-item summary::-webkit-details-marker{display:none}.io-item .usage-pre{background:var(--wash);border:none;margin:0 10px 10px}.io-item[open] .io-item-preview{visibility:hidden}.io-item[open] .io-item-chevron{transform:rotate(180deg)}.io-item-role{letter-spacing:.8px;text-transform:uppercase;color:var(--text);flex-shrink:0;width:64px;font-size:10.5px;font-weight:700}.io-item-preview{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.io-item-chevron{color:var(--text);flex-shrink:0;place-items:center;transition:transform .15s;display:grid}.usage-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.usage-fact{border:1px solid var(--border);background:var(--wash);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:9px 12px;display:flex}.usage-fact.accent{background:var(--mint);border-color:#0000}.usage-fact.accent .usage-fact-label,.usage-fact.accent .usage-fact-value{color:var(--pine-text)}.usage-fact-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text);font-size:10.5px;font-weight:700}.usage-fact-value{color:var(--text-h);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}@media (width<=640px){.usage-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.usage-pre{white-space:pre-wrap;word-break:break-word;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.5}.usage-pre.error{color:#a33d2e}.history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-row{width:100%;font:inherit;text-align:left;border:1px solid var(--border);background:var(--wash);color:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;font-size:14.5px;transition:border-color .12s;display:flex}.history-row:hover{border-color:var(--pine)}.history-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.history-meta{color:var(--text);flex-shrink:0;font-size:13px}.history-when{color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.history-back{font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-size:14px;font-weight:500}.history-back:hover{color:var(--pine-text)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{font:500 14px var(--sans);color:var(--text);border:1px solid var(--border);background:var(--wash);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.chip:hover{border-color:var(--pine);color:var(--text-h)}.chip.selected{border-color:var(--pine);background:var(--mint);color:var(--pine-text);font-weight:600}.checkin-submit{flex-direction:column;gap:12px;margin-top:20px;display:flex}.checkin-submit input{box-sizing:border-box;width:100%;font:inherit;color:var(--text-h);border:1px solid var(--border);background:var(--wash);border-radius:12px;padding:11px 14px;font-size:14.5px}.checkin-submit input:focus{border-color:var(--pine);background:var(--panel);outline:none}.checkin-actions{align-items:center;gap:16px;display:flex}.checkin-actions button[type=submit]{font:600 15px var(--sans);color:#fff;cursor:pointer;background:linear-gradient(135deg,#35714d,#1a3d2a);border:none;border-radius:12px;padding:12px 26px}.checkin-actions button[type=submit]:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.checkin-actions button[type=submit]:disabled{opacity:.5;cursor:default}.checkin-list{margin:0;padding:0;list-style:none}.checkin-list li{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 0;font-size:14px;display:flex}.checkin-list li:last-child{border-bottom:none}.checkin-list .checkin-when{width:150px;color:var(--text);flex-shrink:0;font-size:13px}.checkin-list .checkin-state{color:var(--text-h);flex-shrink:0;align-items:center;gap:6px;width:110px;font-weight:500;display:inline-flex}.checkin-list .checkin-note{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.weight-form{gap:10px;display:flex}.weight-form input{max-width:280px;font:inherit;color:var(--text-h);border:1px solid var(--border);background:var(--wash);border-radius:12px;flex:1;padding:10px 14px;font-size:14.5px}.weight-form input:focus{border-color:var(--pine);background:var(--panel);outline:none}.weight-form button{font:600 14.5px var(--sans);color:#fff;cursor:pointer;background:linear-gradient(135deg,#35714d,#1a3d2a);border:none;border-radius:12px;padding:10px 20px}.weight-form button:disabled{opacity:.5;cursor:default}.weight-delta{color:var(--text);margin:16px 0 6px;font-size:14px}.weight-chart{border:1px solid var(--border);background:var(--wash);border-radius:14px;padding:8px;position:relative}.weight-chart svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-tick{fill:var(--text);font-size:7px}.chart-line{fill:none;stroke:#35714d;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:#35714d;stroke:var(--wash);stroke-width:2px}.chart-crosshair{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 3}.chart-latest{fill:var(--pine-text);font-size:8px;font-weight:700}.chart-tooltip{background:var(--text-h);color:#fff;white-space:nowrap;pointer-events:none;border-radius:8px;padding:5px 10px;font-size:12.5px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-tooltip strong{font-weight:700}.weight-list{margin:0;padding:0;list-style:none}.weight-list li{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:9px 0;font-size:14px;display:flex}.weight-list li:last-child{border-bottom:none}.weight-list .weight-value{color:var(--text-h);font-variant-numeric:tabular-nums;flex-shrink:0;width:90px;font-weight:600}.weight-list .weight-when{color:var(--text);flex:1;font-size:13px}.checkin-submit .add-note{align-self:flex-start}.checkin-submit .add-note,.checkin-actions .add-note{font:500 14px var(--sans);color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}:is(.checkin-submit .add-note,.checkin-actions .add-note):hover{color:var(--pine-text)}:is(.checkin-submit .add-note,.checkin-actions .add-note):focus-visible{outline:2px solid var(--pine);outline-offset:3px;border-radius:4px}.account-divider{background:var(--border);height:1px;margin:6px 4px}.sidebar-card{color:#fff;background:linear-gradient(165deg,#4a8a63 0%,#35714d 45%,#1a3d2a 100%);border-radius:14px;flex-shrink:0;padding:16px 14px 14px;position:relative;overflow:hidden}.sidebar-card-art{opacity:.5;pointer-events:none;width:100%;height:74%;position:absolute;inset:auto 0 0}.sidebar-card-quote{font-family:var(--heading);letter-spacing:-.2px;margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.35;position:relative}.sidebar-card-title{opacity:.9;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12.5px;font-weight:500;position:relative;overflow:hidden}.sidebar-divider{background:var(--border);height:1px;margin:0 4px 12px}.workout-custom{box-sizing:border-box;width:100%;max-width:340px;font:inherit;color:var(--text-h);border:1px solid var(--border);background:var(--wash);border-radius:12px;margin-top:10px;padding:10px 14px;font-size:14.5px;display:block}.workout-custom:focus{border-color:var(--pine);background:var(--panel);outline:none}.workout-calories{gap:12px;display:flex}.workout-calories label{flex-direction:column;gap:5px;display:flex}.workout-calories label span{color:var(--text);font-size:12.5px;font-weight:600}.workout-calories label input{width:150px;font:inherit;color:var(--text-h);border:1px solid var(--border);background:var(--wash);box-sizing:border-box;border-radius:12px;padding:10px 14px;font-size:14.5px}.workout-calories label input:focus{border-color:var(--pine);background:var(--panel);outline:none}.workout-note{color:var(--text)}.workout-list{margin:0;padding:0;list-style:none}.workout-list li{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 0;font-size:14px;display:flex}.workout-list li:last-child{border-bottom:none}.workout-list .workout-type{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;width:160px;font-weight:500;display:inline-flex;overflow:hidden}.workout-list .workout-kcal{font-variant-numeric:tabular-nums;color:var(--text-h);flex-shrink:0;width:100px;font-weight:600}.workout-list .workout-kcal.active{color:var(--text);width:110px;font-weight:500}.workout-list .workout-when{color:var(--text);flex:1;font-size:13px}.share-toggle{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:14px;display:flex}.share-toggle input{accent-color:#35714d;cursor:pointer;width:16px;height:16px}.workout-list .workout-shared{flex-shrink:0;font-size:15px}.together-list{margin:0;padding:0;list-style:none}.together-list li{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:11px 0;display:flex}.together-list li:last-child{border-bottom:none}.together-avatar{width:34px;height:34px;font-size:12.5px}.together-body{flex:1;min-width:0}.together-line{color:var(--text);margin:0;padding-top:6px;font-size:14.5px}.together-line strong{color:var(--text-h);font-weight:600}.together-note{color:var(--text);margin:3px 0 0;font-size:13.5px;font-style:italic}.together-when{color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:8px;font-size:13px}.dev-switcher{z-index:1000;text-align:left;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.dev-toggle{font:inherit;border:1px solid var(--accent-border);background:var(--bg);color:var(--accent);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .2s}.dev-toggle:hover{border-color:var(--accent)}.dev-panel{border:1px solid var(--border);background:var(--bg);width:280px;max-height:60vh;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex;overflow-y:auto}.dev-panel-title{letter-spacing:1px;text-transform:uppercase;color:var(--text);margin:0 0 4px;font-size:12px;font-weight:600}.dev-panel button{font:inherit;text-align:left;background:var(--social-bg);cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;transition:border-color .2s;display:flex}.dev-panel button:hover:not(:disabled){border-color:var(--accent-border)}.dev-panel button.current{border-color:var(--accent);cursor:default}.dev-user-name{color:var(--text-h);font-size:14px;font-weight:500}.dev-user-meta{color:var(--text);font-size:12px}.dev-error{color:#d92d20;margin:0;font-size:13px}.dev-hint{margin:0;font-size:13px}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}