:root{--font-sans:var(--body);--font-mono:var(--mono);--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:500;--weight-bold:500;--app-space-1:.25rem;--app-space-2:.5rem;--app-space-3:.75rem;--app-space-4:1rem;--app-space-5:1.25rem;--app-space-6:1.5rem;--app-space-8:2rem;--app-space-10:2.5rem;--app-space-12:3rem;--radius-sm:var(--radius-tag);--radius-md:var(--radius-input);--radius-lg:var(--radius-code);--radius-xl:var(--radius-code);--radius-full:var(--radius-pill);--shadow-sm:0 1px 2px rgba(26,31,26,.05);--shadow-md:var(--shadow-button);--shadow-lg:var(--shadow-card);--transition-fast:var(--dur-quick) var(--ease-default);--transition-base:var(--dur-base) var(--ease-default);--transition-slow:var(--dur-soft) var(--ease-default);--navbar-height:52px;--sidebar-width:220px;--content-max-width:900px;--mobile-bottom-bar-height:56px;--color-bg:var(--paper);--color-bg-surface:var(--paper);--color-bg-raised:var(--paper-deep);--color-bg-inset:var(--paper-deep);--color-bg-subtle:var(--paper-deep);--color-bg-elevated:var(--paper-deep);--color-bg-hover:color-mix(in srgb, var(--ink) 5%, transparent);--color-bg-active:color-mix(in srgb, var(--ink) 8%, transparent);--color-bg-overlay:color-mix(in srgb, var(--ink) 55%, transparent);--color-border:color-mix(in srgb, var(--ink) 12%, transparent);--color-border-light:var(--paper-edge);--color-border-strong:color-mix(in srgb, var(--ink) 25%, transparent);--color-border-focus:var(--moss);--color-text:var(--ink);--color-text-secondary:var(--ink-soft);--color-text-muted:var(--sage);--color-text-disabled:color-mix(in srgb, var(--ink) 30%, transparent);--color-text-inverse:var(--paper-on-ink);--color-primary:var(--moss);--color-primary-hover:var(--moss-bright);--color-primary-text:var(--paper);--color-accent:var(--moss);--color-secondary:transparent;--color-secondary-hover:color-mix(in srgb, var(--ink) 5%, transparent);--color-secondary-text:var(--ink);--color-danger:var(--danger);--color-danger-hover:color-mix(in srgb, var(--danger) 85%, var(--ink));--color-danger-text:var(--paper);--color-success:var(--positive);--color-warning:var(--copper);--color-info:var(--info);--color-error:var(--danger);--color-success-bg:var(--positive-soft);--color-warning-bg:var(--caution-soft);--color-error-bg:var(--danger-soft);--color-info-bg:color-mix(in srgb, var(--info) 12%, transparent);--color-positive:var(--positive);--color-negative:var(--danger);--color-neutral:var(--sage);--color-link:var(--moss);--color-link-hover:var(--moss-bright);--color-input-bg:var(--paper);--color-input-border:var(--paper-edge);--color-navbar-bg:color-mix(in srgb, var(--paper) 86%, transparent);--color-navbar-border:color-mix(in srgb, var(--ink) 8%, transparent);--color-sidebar-bg:var(--paper-deep);--color-sidebar-hover:color-mix(in srgb, var(--ink) 5%, transparent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html,body{background:var(--paper)}body{font-family:var(--body);color:var(--ink);font-feature-settings:"ss01", "kern";min-height:100vh;font-size:17px;line-height:1.55}a{color:var(--moss);transition:background-size var(--dur-base) var(--ease-default), color var(--dur-quick) var(--ease-default);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:1px;text-decoration:none}a:hover{color:var(--moss-bright);background-size:100% 1px}a:focus-visible{color:var(--moss-bright);background-size:100% 1px}a:focus-visible{outline:2px solid var(--moss);outline-offset:3px;border-radius:2px}code{font-family:var(--mono);background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink);border-radius:var(--radius-tag);padding:.1em .4em;font-size:.92em}pre{font-family:var(--mono);font-size:var(--fs-mono-block);background:var(--paper-deep);color:var(--ink);border:1px solid var(--paper-edge);border-radius:var(--radius-input);padding:var(--app-space-3) var(--app-space-4);margin:0;line-height:1.6;overflow-x:auto}pre code{background:0 0;border-radius:0;padding:0}strong{font-weight:500}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-weight:500;line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h1 em,h2 em,h3 em,h4 em{color:var(--moss);font-style:italic;font-weight:400}p+p{margin-top:var(--app-space-3)}::selection{background:color-mix(in srgb, var(--moss) 70%, transparent);color:var(--paper)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:40;height:var(--navbar-height);padding:0 var(--app-space-4);background:var(--color-navbar-bg);border-bottom:1px solid var(--color-navbar-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-nav{align-items:center;gap:var(--app-space-3);display:flex}.navbar-brand{font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.01em;text-decoration:none}.navbar-brand:hover{color:var(--color-text)}.navbar-link{align-items:center;gap:var(--app-space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--app-space-2) var(--app-space-3);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:inline-flex}.navbar-link:hover{background:var(--color-bg-hover);color:var(--color-text)}.navbar-icon-btn{cursor:pointer;padding:var(--app-space-1);border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.navbar-icon-btn:hover{background:var(--color-bg-hover)}.sidebar-toggle{cursor:pointer;padding:var(--app-space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;display:none}.sidebar-toggle:hover{background:var(--color-bg-hover)}.sidebar-toggle-line{background:var(--color-text-secondary);width:18px;height:2px;transition:background var(--transition-fast);border-radius:1px;display:block}.user-menu{position:relative}.user-menu-trigger{cursor:pointer}.user-menu-dismiss-overlay{z-index:48;position:fixed;inset:0}.user-menu-dropdown{top:calc(100% + var(--app-space-2));z-index:49;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--app-space-2);opacity:0;visibility:hidden;transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);position:absolute;right:0;transform:translateY(-4px)}.user-menu-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-username{padding:var(--app-space-2) var(--app-space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--app-space-1)}.user-menu-item{align-items:center;gap:var(--app-space-2);width:100%;padding:var(--app-space-2) var(--app-space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);z-index:30;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border-light);padding:var(--app-space-4) 0;transition:transform var(--transition-base);position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(0)}.sidebar-overlay{display:none}.sidebar-nav{gap:var(--app-space-1);flex-direction:column;display:flex}.sidebar-section{padding:var(--app-space-2) var(--app-space-3)}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--app-space-1) var(--app-space-3);margin-bottom:var(--app-space-1)}.sidebar-link{align-items:center;gap:var(--app-space-3);padding:var(--app-space-2) var(--app-space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.sidebar-link.active{color:var(--color-primary);background:var(--color-bg-hover);font-weight:var(--weight-semibold)}.sidebar-link-icon{color:inherit;flex-shrink:0;align-items:center;display:inline-flex}.main-content{margin-top:var(--navbar-height);padding:var(--app-space-6) var(--app-space-4);min-height:calc(100vh - var(--navbar-height));flex:1}.main-content.with-sidebar{margin-left:var(--sidebar-width)}.mobile-bottom-bar{display:none}.mobile-bottom-bar-nav{justify-content:space-around;align-items:center;height:100%;display:flex}.mobile-bottom-bar-link{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--app-space-1);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-bottom-bar-link:hover,.mobile-bottom-bar-link.active{color:var(--color-primary)}.page-container{max-width:var(--content-max-width);width:100%;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--app-space-4);margin-bottom:var(--app-space-6);display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--app-space-1)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--app-space-4) var(--app-space-5);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.card-body{padding:var(--app-space-4) var(--app-space-5)}.card-body p{line-height:var(--leading-relaxed)}.empty-state{text-align:center;padding:var(--app-space-8) var(--app-space-5)}.empty-state .card-body{color:var(--color-text-secondary)}.btn{--btn-bg:var(--moss);--btn-fg:var(--paper);--btn-border:var(--moss);justify-content:center;align-items:center;gap:var(--app-space-2);font-family:var(--body);letter-spacing:.01em;border-radius:var(--radius-pill);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-button);transition:transform var(--dur-quick) var(--ease-press), background var(--dur-base) var(--ease-default), border-color var(--dur-base) var(--ease-default), color var(--dur-base) var(--ease-default), box-shadow var(--dur-base) var(--ease-default);min-height:36px;padding:.68rem 1.1rem;font-size:.95rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn,.btn:hover{background-image:none}.btn:focus-visible{background-image:none}.btn:hover:not(:disabled){background-color:var(--moss-bright);border-color:var(--moss-bright);color:var(--paper);transform:translateY(-1px)}.btn:focus-visible:not(:disabled){background-color:var(--moss-bright);border-color:var(--moss-bright);color:var(--paper);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--moss);outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn .arrow{transition:transform var(--dur-base) var(--ease-default)}.btn:hover:not(:disabled) .arrow{transform:translate(3px)}.btn.ghost,.btn-secondary,.btn-outline{--btn-bg:transparent;--btn-fg:var(--ink);--btn-border:color-mix(in srgb, var(--ink) 30%, transparent);box-shadow:none}.btn.ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){background-color:color-mix(in srgb, var(--ink) 5%, transparent);border-color:var(--ink);color:var(--ink);transform:none}.btn.ghost:focus-visible:not(:disabled){background-color:color-mix(in srgb, var(--ink) 5%, transparent);border-color:var(--ink);color:var(--ink);transform:none}.btn-secondary:focus-visible:not(:disabled){background-color:color-mix(in srgb, var(--ink) 5%, transparent);border-color:var(--ink);color:var(--ink);transform:none}.btn-outline:focus-visible:not(:disabled){background-color:color-mix(in srgb, var(--ink) 5%, transparent);border-color:var(--ink);color:var(--ink);transform:none}.btn-danger{--btn-bg:var(--danger);--btn-fg:var(--paper);--btn-border:var(--danger)}.btn-danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--danger) 85%, var(--ink));border-color:color-mix(in srgb, var(--danger) 85%, var(--ink));color:var(--paper)}.btn-danger:focus-visible:not(:disabled){background-color:color-mix(in srgb, var(--danger) 85%, var(--ink));border-color:color-mix(in srgb, var(--danger) 85%, var(--ink));color:var(--paper)}.btn-full{width:100%}.code-card{background:var(--ink);color:var(--paper-on-ink);border-radius:var(--radius-code);font-family:var(--mono);font-size:var(--fs-mono-block);border:1px solid color-mix(in srgb, var(--ink) 88%, var(--moss) 12%);box-shadow:var(--shadow-code);padding:1.5rem;line-height:1.65;position:relative;overflow-x:auto}.code-card pre{color:inherit;white-space:pre;background:0 0;border:none;border-radius:0;margin:0;padding:0}.code-card .tok-cmd{color:var(--tok-cmd)}.code-card .tok-flag{color:var(--tok-flag)}.code-card .tok-str{color:var(--tok-str)}.code-card .tok-img{color:var(--tok-img);font-weight:500}.code-card .tok-dim{color:var(--tok-dim)}.form-group{margin-bottom:var(--app-space-4)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--app-space-1);display:block}.form-input{width:100%;font-family:var(--body);font-size:var(--text-base);padding:var(--app-space-2) var(--app-space-3);color:var(--ink);background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-input);transition:border-color var(--dur-quick) var(--ease-default), box-shadow var(--dur-quick) var(--ease-default);min-height:40px;line-height:1.5;display:block}.form-input::placeholder{color:var(--sage)}.form-input:focus{border-color:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb, var(--moss) 18%, transparent);outline:none}.form-input:disabled{background:var(--paper-deep);color:var(--sage);cursor:not-allowed}.form-input.input-error{border-color:var(--danger)}.form-input.input-error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.selector{width:100%;font-family:var(--font-sans);font-size:var(--text-base);padding:var(--app-space-2) var(--app-space-3);padding-right:var(--app-space-8);color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);appearance:none;cursor:pointer;min-height:40px;transition:border-color var(--dur-quick) var(--ease-default), box-shadow var(--dur-quick) var(--ease-default);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232E352E' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;line-height:1.5;display:block}.selector:focus{border-color:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb, var(--moss) 18%, transparent);outline:none}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--app-space-1)}.form-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--app-space-1)}.form-help-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--app-space-1);line-height:var(--leading-normal)}.form-value{font-size:var(--text-base);color:var(--color-text);padding:var(--app-space-1) 0}.checkbox{align-items:center;gap:var(--app-space-2);font-size:var(--text-sm);cursor:pointer;display:flex}.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.auth-container{min-height:calc(100vh - var(--navbar-height) - var(--app-space-12));padding:var(--app-space-4);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px}.auth-header{padding:var(--app-space-6) var(--app-space-5) var(--app-space-4);text-align:center}.auth-header h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--app-space-2)}.auth-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--app-space-2)}.auth-blurb{font-size:var(--text-sm);color:var(--color-text-muted)}.auth-footer{text-align:center;margin-top:var(--app-space-5);padding-top:var(--app-space-4);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-link{font-weight:var(--weight-medium);color:var(--color-link)}.auth-link:hover{color:var(--color-link-hover)}.username-gen-row{align-items:center;gap:var(--app-space-2);display:flex}.username-gen-display{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);padding:var(--app-space-2) var(--app-space-3);background:var(--color-bg-inset);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;min-height:40px;display:flex;overflow:hidden}.username-gen-display.input-error{border-color:var(--color-error)}.username-gen-row .form-input{flex:1}.username-gen-btn{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.username-gen-btn:hover:not(:disabled){background:var(--color-secondary-hover);color:var(--color-text)}.username-gen-btn:disabled{opacity:.35;cursor:not-allowed}.username-gen-btn.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.password-input-row{align-items:center;gap:var(--app-space-2);display:flex}.password-input-row .form-input{flex:1}.password-toggle-btn{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.password-toggle-btn:hover:not(:disabled){background:var(--color-secondary-hover);color:var(--color-text)}.password-toggle-btn:disabled{opacity:.35;cursor:not-allowed}.banner{padding:var(--app-space-3) var(--app-space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);margin-bottom:var(--app-space-4);overflow-wrap:break-word;word-break:break-word}.banner-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.banner-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.instance-notice{background:var(--paper-deep);color:var(--ink-soft);border-top:1px solid var(--paper-edge);border-bottom:1px solid var(--paper-edge);margin:0 calc(-1 * var(--app-space-4)) var(--app-space-5);font-family:var(--body);overflow-wrap:break-word;word-break:break-word;padding:.75rem clamp(1rem,4vw,2rem) .75rem calc(clamp(1rem,4vw,2rem) + .85rem);font-size:.95rem;line-height:1.5;position:relative}.instance-notice:before{content:"";background:var(--moss);width:3px;position:absolute;top:0;bottom:0;left:0}.instance-notice:first-letter{font-family:inherit}.instance-notice>:first-child:before{content:"Notice. ";font-family:var(--display);color:var(--moss);letter-spacing:.005em;margin-right:.35em;font-style:italic;font-weight:500}.instance-notice p{margin:0}.instance-notice p+p{margin-top:.4rem}.instance-notice a{color:var(--moss);border-bottom:1px solid color-mix(in srgb, var(--moss) 50%, transparent);transition:border-color var(--dur-quick) var(--ease-default), color var(--dur-quick) var(--ease-default);padding-bottom:1px;text-decoration:none}.instance-notice a:hover{color:var(--moss-bright);border-bottom-color:var(--moss)}.instance-notice a:focus-visible{color:var(--moss-bright);border-bottom-color:var(--moss)}@media (width<=640px){.instance-notice{margin-inline:calc(-1 * var(--app-space-3));padding-left:calc(var(--app-space-3) + .85rem);padding-right:var(--app-space-3)}}.alert{padding:var(--app-space-3) var(--app-space-4);font-size:var(--text-sm);border-radius:var(--radius-md);margin:var(--app-space-3) 0}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.modal-overlay{z-index:50;padding:var(--app-space-10) var(--app-space-4);background:var(--color-bg-overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--app-space-5);border-bottom:1px solid var(--color-border-light)}.modal-header h2,.modal-header h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal-body{padding:var(--app-space-5)}.modal-actions{justify-content:flex-end;gap:var(--app-space-3);margin-top:var(--app-space-5);padding-top:var(--app-space-4);border-top:1px solid var(--color-border-light);display:flex}.settings-nav{gap:var(--app-space-1);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--app-space-4);display:flex}.settings-nav-link{padding:var(--app-space-2) var(--app-space-3);padding-bottom:calc(var(--app-space-2) + 1px);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px}.settings-nav-link:hover{color:var(--color-text)}.settings-nav-link.active{color:var(--color-primary);font-weight:var(--weight-semibold);border-bottom-color:var(--color-primary)}.settings-section{margin-bottom:var(--app-space-4)}.settings-status-success{font-size:var(--text-sm);color:var(--color-success);margin-top:var(--app-space-1)}.settings-status-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--app-space-1)}.settings-auto-saved{font-size:var(--text-sm);color:var(--color-success);margin-left:var(--app-space-2);animation:2s ease-out forwards settings-fade-out}@keyframes settings-fade-out{0%,60%{opacity:1}to{opacity:0}}.session-duration-selector{max-width:280px}.user-identicon{border-radius:var(--radius-full);width:32px;height:32px;overflow:hidden}.not-found-shell{min-height:calc(100vh - var(--navbar-height) - var(--app-space-12));padding:var(--app-space-4);justify-content:center;align-items:center;display:flex}.not-found-card{text-align:center;max-width:440px}.not-found-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.not-found-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:var(--app-space-2) 0}.not-found-subtitle{color:var(--color-text-secondary);margin-bottom:var(--app-space-3)}.not-found-path{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--app-space-6)}.not-found-actions{justify-content:center;gap:var(--app-space-3);display:flex}.error-block{padding:var(--app-space-4);background:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-bottom:var(--app-space-4)}.error-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-error)}.error-help{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--app-space-1)}.error-text{font-size:var(--text-sm);color:var(--color-error)}.skeleton-card{pointer-events:none}.skeleton-line{background:var(--color-bg-inset);border-radius:var(--radius-sm);height:14px;margin-bottom:var(--app-space-3);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-line:last-child{margin-bottom:0}.skeleton-line-title{width:50%;height:18px}.skeleton-line-short{width:30%}.skeleton-line-medium{width:65%}.skeleton-line-full{width:100%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.mt-sm{margin-top:var(--app-space-3)}.mt-md{margin-top:var(--app-space-5)}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.flow-step{margin-bottom:var(--app-space-4)}.flow-step:last-child{margin-bottom:0}.flow-step p{margin-bottom:var(--app-space-2)}.label-editor{align-items:center;gap:var(--app-space-2);margin-top:var(--app-space-2);display:flex}.label-editor .form-input,.label-editor input{flex:1}.label-edit-button{cursor:pointer;padding:var(--app-space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.label-edit-button:hover{color:var(--color-text);background:var(--color-bg-hover)}.label-error{font-size:var(--text-sm);color:var(--color-error);margin-left:var(--app-space-2)}.inline-copy-btn{cursor:pointer;padding:var(--app-space-1);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.inline-copy-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.inline-copy-btn.copied{color:var(--color-success)}.address-link{color:var(--color-link);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;text-decoration:none}.address-link:hover{color:var(--color-link-hover);text-decoration:underline}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.flex{display:flex}.items-start{align-items:flex-start}.justify-center{justify-content:center}.pt-20{padding-top:5rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.transform{transform:translateZ(0)}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.shadow-2xl{box-shadow:var(--shadow-modal)}.ring-1{box-shadow:0 0 0 1px var(--color-border)}.transition-all{transition:all .15s}.transition-opacity{transition:opacity .15s}.h-14{height:3.5rem}.border-0{border:0}.bg-transparent{background:0 0}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.875rem;line-height:1.25rem}.max-h-80{max-height:20rem}.scroll-py-2{scroll-padding-top:.5rem;scroll-padding-bottom:.5rem}.overflow-y-auto{overflow-y:auto}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.bg-white{background:var(--paper)}.bg-black\/50{background:color-mix(in srgb, var(--ink) 55%, transparent)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.ring-black\/5{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent)}.text-gray-900{color:var(--ink)}.text-gray-400{color:var(--sage)}.text-gray-100{color:var(--ink-soft)}.hover\:bg-gray-100:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.divide-y>*+*{border-top:1px solid}.divide-gray-100>*+*{border-color:var(--paper-edge)}.placeholder\:text-gray-400::placeholder{color:var(--sage)}.focus\:ring-0:focus{box-shadow:none;outline:none}@media (width>=640px){.sm\:pt-24{padding-top:6rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:px-14{padding-left:3.5rem;padding-right:3.5rem}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-overlay{z-index:29;background:var(--color-bg-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-toggle{display:flex}.main-content.with-sidebar{margin-left:0}}@media (hover:none) and (pointer:coarse){input,select,textarea,.form-input,.selector,.xpub-input{font-size:16px}}@media (width<=640px){:root{--text-base:.9375rem}.navbar{padding:0 var(--app-space-3)}.main-content{padding:var(--app-space-4) var(--app-space-3);padding-bottom:calc(var(--mobile-bottom-bar-height) + var(--app-space-4))}.mobile-bottom-bar{z-index:40;height:var(--mobile-bottom-bar-height);background:var(--color-navbar-bg);border-top:1px solid var(--color-navbar-border);display:block;position:fixed;bottom:0;left:0;right:0}.sidebar{display:none}.sidebar.open{display:block;transform:translate(0)}.page-title{font-size:var(--text-xl)}.auth-container{padding-top:var(--app-space-6);align-items:flex-start}.auth-card{max-width:100%}.modal-overlay{padding:var(--app-space-4) var(--app-space-3)}.modal{max-width:100%}.modal-actions{flex-direction:column-reverse}.not-found-actions{flex-direction:column}.settings-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}}.empty-state-illustration{width:80px;height:80px;margin:0 auto var(--app-space-4);color:var(--color-text-muted);opacity:.5;display:block}.empty-state-heading{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--app-space-2)}.empty-state-body{font-size:var(--text-sm);color:var(--color-text-muted)}.toast-container{bottom:var(--app-space-5);right:var(--app-space-5);z-index:60;gap:var(--app-space-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--app-space-3);padding:var(--app-space-3) var(--app-space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--color-text);min-width:240px;max-width:380px;animation:toast-enter var(--transition-base) ease-out;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-info{border-left:3px solid var(--color-info)}.toast-dismiss{cursor:pointer;color:var(--color-text-muted);padding:var(--app-space-1);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;margin-left:auto}.toast-dismiss:hover{color:var(--color-text);background:var(--color-bg-hover)}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.toast-container{left:var(--app-space-3);right:var(--app-space-3);bottom:calc(var(--mobile-bottom-bar-height) + var(--app-space-3))}.toast{max-width:100%}}.payments-page .payments-card{margin-top:var(--app-space-2)}.payments-card-body{gap:var(--app-space-4);flex-direction:column;display:flex}.payments-status-row{align-items:center;gap:var(--app-space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.005em;display:flex}.payments-status-label{color:var(--color-text)}.payments-status-dot{border-radius:var(--radius-full);background:var(--color-text-muted);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);color:var(--color-text-muted);flex-shrink:0}.payments-status-active{background:var(--color-success);color:var(--color-success);animation:2.4s ease-in-out infinite payments-pulse}.payments-status-pending{background:var(--color-warning);color:var(--color-warning);animation:1.6s ease-in-out infinite payments-pulse}.payments-status-failed{background:var(--color-error);color:var(--color-error)}.payments-status-canceled{background:var(--color-text-muted);color:var(--color-text-muted)}.payments-status-unavailable{background:var(--color-warning);color:var(--color-warning)}.payments-status-blocked{background:var(--color-danger);color:var(--color-danger)}.payments-status-inactive{background:var(--color-text-muted);color:var(--color-text-muted)}@keyframes payments-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, currentColor 22%, transparent)}}.payments-description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);max-width:60ch}.payments-price{font-size:var(--text-base);color:var(--color-text)}.payments-price .muted{color:var(--color-text-muted)}.payments-option-picker{gap:var(--app-space-2);flex-direction:column;display:flex}.payments-option-picker-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.payments-option-list{gap:var(--app-space-2);flex-direction:column;display:flex}.payments-tier-list{gap:var(--app-space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.payments-tier-summary{padding:var(--app-space-2) 0;border-top:1px solid var(--color-border-light);flex-direction:column;gap:2px;display:flex}.payments-tier-name{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.payments-tier-capability{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug)}.payments-option{justify-content:space-between;align-items:center;gap:var(--app-space-3);width:100%;padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text);text-align:left;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.payments-option:hover:not(:disabled){border-color:var(--color-border-strong);background:color-mix(in srgb, var(--color-bg-surface) 82%, var(--color-bg-inset))}.payments-option:disabled{opacity:.72}.payments-option-selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-bg-surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 28%, transparent)}.payments-option-copy{flex-direction:column;gap:2px;display:flex}.payments-option-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.payments-option-term{font-size:var(--text-sm);color:var(--color-text-secondary)}.payments-option-indicator{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:var(--weight-semibold)}.payments-sub-status{font-size:var(--text-sm);color:var(--color-text-secondary)}.payments-facts{gap:var(--app-space-3);padding:var(--app-space-4);background:var(--color-bg-inset);border:1px solid var(--color-border-light);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr);margin:0;display:grid}@media (width>=560px){.payments-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.payments-fact{gap:var(--app-space-1);flex-direction:column;display:flex}.payments-fact dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:var(--weight-medium)}.payments-fact dd{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);font-variant-numeric:tabular-nums;margin:0}.payments-fact-copy{align-items:center;gap:var(--app-space-1);min-width:0;display:inline-flex}.payments-fact-copy code{font-family:var(--font-mono);font-size:var(--text-sm)}.payments-actions{gap:var(--app-space-2);flex-wrap:wrap;align-items:center;display:flex}.payments-error{margin-top:var(--app-space-2)}.payments-history{gap:var(--app-space-3);padding-top:var(--app-space-2);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.payments-history-header h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.payments-history-list{gap:var(--app-space-2);flex-direction:column;display:flex}.payments-history-row{gap:var(--app-space-2);padding:var(--app-space-3) 0;border-bottom:1px solid var(--color-border-light);grid-template-columns:minmax(0,1fr);display:grid}.payments-history-row:last-child{border-bottom:0}.payments-history-main{gap:var(--app-space-1);flex-direction:column;min-width:0;display:flex}.payments-history-title-row,.payments-history-meta,.payments-history-order-id{align-items:center;gap:var(--app-space-2);min-width:0;display:flex}.payments-history-title-row{justify-content:space-between}.payments-history-status{min-height:24px;padding:0 var(--app-space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0;background:var(--color-bg-inset);color:var(--color-text-secondary);align-items:center;display:inline-flex}.payments-history-status-paid{background:color-mix(in srgb, var(--color-success) 12%, var(--color-bg-surface));color:var(--color-success)}.payments-history-status-pending{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-bg-surface));color:var(--color-warning)}.payments-history-status-failed,.payments-history-status-expired{background:color-mix(in srgb, var(--color-error) 12%, var(--color-bg-surface));color:var(--color-error)}.payments-history-status-canceled{background:var(--color-bg-inset);color:var(--color-text-muted)}.payments-history-amount{font-weight:var(--weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.payments-history-order-id code{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden}.payments-history-meta{font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap}@media (width>=640px){.payments-history-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.payments-history-meta{justify-content:flex-end}}@media print{.navbar,.sidebar,.mobile-bottom-bar,.sidebar-overlay,.modal-overlay{display:none!important}.main-content,.main-content.with-sidebar{margin:0;padding:0}body{background:var(--paper);color:var(--ink)}.card{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);box-shadow:none}}