:root{--tms-color-bg-primary: #f5f0e1;--tms-color-bg-secondary: #faf7ed;--tms-color-bg-tertiary: #ebe5d3;--tms-color-bg-inverse: #2a2520;--tms-color-text-primary: #2a2520;--tms-color-text-secondary: #5c554a;--tms-color-text-muted: #8a8272;--tms-color-text-inverse: #f5f0e1;--tms-color-accent: #c4451c;--tms-color-accent-hover: #a83815;--tms-color-accent-light: #f0d8cf;--tms-color-cat-diy: #c4451c;--tms-color-cat-life: #2856a3;--tms-color-cat-cooking: #3a7d44;--tms-color-cat-creative: #6b4c9a;--tms-color-cat-fitness: #d4a017;--tms-color-cat-tech: #2a2520;--tms-color-cat-social: #c75da3;--tms-color-cat-outdoor: #4a9e8f;--tms-color-cat-getting-started: #e07b39;--tms-color-cat-vibe-coding: #0ea5e9;--tms-color-border: #c4bda8;--tms-color-border-strong: #8a8272;--tms-color-border-heavy: #2a2520;--tms-color-shadow: rgba(42, 37, 32, .12);--tms-color-focus: #c4451c;--tms-color-easy: #3a7d44;--tms-color-easy-bg: #d5edda;--tms-color-medium: #8a6a00;--tms-color-medium-bg: #f5ecc8;--tms-color-hard: #c4451c;--tms-color-hard-bg: #f0d8cf;--tms-font-display: "Space Mono", monospace;--tms-font-mono: "IBM Plex Mono", monospace;--tms-font-body: "DM Sans", Georgia, serif;--tms-text-xs: .6875rem;--tms-text-sm: .8125rem;--tms-text-base: .9375rem;--tms-text-md: 1.0625rem;--tms-text-lg: 1.3rem;--tms-text-xl: 1.8rem;--tms-text-hero: clamp(2.2rem, 5vw, 3.5rem);--tms-leading-tight: 1.2;--tms-leading-normal: 1.6;--tms-leading-relaxed: 1.8;--tms-tracking-tight: -.01em;--tms-tracking-normal: 0;--tms-tracking-wide: .05em;--tms-tracking-wider: .1em;--tms-tracking-widest: .15em;--tms-space-1: 4px;--tms-space-2: 8px;--tms-space-3: 12px;--tms-space-4: 16px;--tms-space-5: 20px;--tms-space-6: 24px;--tms-space-8: 32px;--tms-space-10: 40px;--tms-space-12: 48px;--tms-space-16: 64px;--tms-space-20: 80px;--tms-space-24: 96px;--tms-section-gap: var(--tms-space-20);--tms-card-gap: var(--tms-space-5);--tms-content-gap: var(--tms-space-8);--tms-border-thin: 1px solid var(--tms-color-border);--tms-border-medium: 2px solid var(--tms-color-border);--tms-border-heavy: 3px solid var(--tms-color-border-heavy);--tms-border-radius: 3px;--tms-shadow-card: 4px 4px 0 var(--tms-color-shadow);--tms-shadow-card-hover: 6px 6px 0 var(--tms-color-border-heavy);--tms-shadow-button: 4px 4px 0 var(--tms-color-border-heavy);--tms-shadow-button-active: 2px 2px 0 var(--tms-color-border-heavy);--tms-max-width: 1320px;--tms-max-width-content: 760px;--tms-page-padding: var(--tms-space-8);--tms-transition-fast: .1s ease;--tms-transition-base: .15s ease;--tms-transition-slow: .3s ease;--tms-z-base: 1;--tms-z-nav: 50;--tms-z-modal: 100;--tms-z-cursor: 200;--tms-z-toast: 150}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/space-mono-italic-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-mono-700.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-400.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-italic-400.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--tms-font-body);font-size:var(--tms-text-base);line-height:var(--tms-leading-normal);color:var(--tms-color-text-primary);background-color:var(--tms-color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}h1,h2,h3,h4{font-family:var(--tms-font-display);line-height:var(--tms-leading-tight);letter-spacing:var(--tms-tracking-tight)}h1{font-size:var(--tms-text-hero);font-weight:700}h2{font-size:var(--tms-text-xl);font-weight:700}h3{font-size:var(--tms-text-lg);font-weight:700}h4{font-size:var(--tms-text-md);font-weight:700}p{font-size:var(--tms-text-base);line-height:var(--tms-leading-relaxed);color:var(--tms-color-text-secondary)}:focus-visible{outline:2px solid var(--tms-color-focus);outline-offset:2px;border-radius:var(--tms-border-radius)}.tms-skip-link{position:absolute;top:-100%;left:var(--tms-space-4);z-index:9999;padding:var(--tms-space-3) var(--tms-space-4);background:var(--tms-color-bg-inverse);color:var(--tms-color-text-inverse);font-family:var(--tms-font-mono);font-size:var(--tms-text-sm);border-radius:var(--tms-border-radius);transition:top var(--tms-transition-fast)}.tms-skip-link:focus{top:var(--tms-space-4)}.tms-container{width:100%;max-width:var(--tms-max-width);margin-inline:auto;padding-inline:var(--tms-page-padding)}.tms-container--narrow{max-width:var(--tms-max-width-content)}::selection{background-color:var(--tms-color-accent-light);color:var(--tms-color-text-primary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tms-btn{display:inline-flex;align-items:center;gap:var(--tms-space-2);font-family:var(--tms-font-mono);font-size:var(--tms-text-sm);font-weight:600;letter-spacing:var(--tms-tracking-wide);text-transform:uppercase;padding:var(--tms-space-3) var(--tms-space-5);border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);background:var(--tms-color-bg-secondary);color:var(--tms-color-text-primary);box-shadow:var(--tms-shadow-button);cursor:pointer;transition:transform var(--tms-transition-base),box-shadow var(--tms-transition-base)}.tms-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--tms-shadow-card-hover)}.tms-btn:active{transform:translate(2px,2px);box-shadow:var(--tms-shadow-button-active)}.tms-btn--primary{background:var(--tms-color-accent);color:var(--tms-color-text-inverse);border-color:var(--tms-color-accent-hover)}.tms-btn--primary:hover{background:var(--tms-color-accent-hover)}.tms-btn--ghost{background:transparent;border-color:var(--tms-color-border);box-shadow:none}.tms-btn--ghost:hover{border-color:var(--tms-color-border-heavy);box-shadow:var(--tms-shadow-button)}.tms-card{background:var(--tms-color-bg-secondary);border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);box-shadow:var(--tms-shadow-card);padding:var(--tms-space-6);transition:transform var(--tms-transition-base),box-shadow var(--tms-transition-base),border-color var(--tms-transition-base)}.tms-card:hover{transform:translate(-2px,-2px);box-shadow:var(--tms-shadow-card-hover)}.tms-card:active{transform:translate(2px,2px);box-shadow:var(--tms-shadow-button-active)}.tms-cat-card{background:var(--tms-color-bg-secondary);border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);box-shadow:var(--tms-shadow-card);padding:var(--tms-space-6);border-left:6px solid var(--tms-color-accent);transition:transform var(--tms-transition-base),box-shadow var(--tms-transition-base);cursor:pointer;text-decoration:none;display:block}.tms-cat-card:hover{transform:translate(-2px,-2px);box-shadow:var(--tms-shadow-card-hover)}.tms-cat-card:active{transform:translate(2px,2px);box-shadow:var(--tms-shadow-button-active)}.tms-cat-card__icon{font-size:1.5rem;margin-bottom:var(--tms-space-3)}.tms-cat-card__name{font-family:var(--tms-font-display);font-size:var(--tms-text-base);font-weight:700;margin-bottom:var(--tms-space-2)}.tms-cat-card__desc{font-size:var(--tms-text-sm);color:var(--tms-color-text-secondary);line-height:var(--tms-leading-normal);margin-bottom:var(--tms-space-3)}.tms-cat-card__count{font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);color:var(--tms-color-text-muted);letter-spacing:var(--tms-tracking-wide);text-transform:uppercase}.tms-cat-card--diy{border-left-color:var(--tms-color-cat-diy)}.tms-cat-card--life{border-left-color:var(--tms-color-cat-life)}.tms-cat-card--cooking{border-left-color:var(--tms-color-cat-cooking)}.tms-cat-card--creative{border-left-color:var(--tms-color-cat-creative)}.tms-cat-card--fitness{border-left-color:var(--tms-color-cat-fitness)}.tms-cat-card--tech{border-left-color:var(--tms-color-cat-tech)}.tms-cat-card--social{border-left-color:var(--tms-color-cat-social)}.tms-cat-card--outdoor{border-left-color:var(--tms-color-cat-outdoor)}.tms-cat-card--getting-started{border-left-color:var(--tms-color-cat-getting-started)}.tms-cat-card--vibe-coding{border-left-color:var(--tms-color-cat-vibe-coding)}.tms-tutorial-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--tms-space-5);padding:var(--tms-space-5) var(--tms-space-6);background:var(--tms-color-bg-secondary);border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);box-shadow:var(--tms-shadow-card);transition:transform var(--tms-transition-base),box-shadow var(--tms-transition-base);cursor:pointer;text-decoration:none}.tms-tutorial-card:hover{transform:translate(-2px,-2px);box-shadow:var(--tms-shadow-card-hover)}.tms-tutorial-card:active{transform:translate(2px,2px);box-shadow:var(--tms-shadow-button-active)}.tms-tutorial-card__number{font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);color:var(--tms-color-text-muted);letter-spacing:var(--tms-tracking-wider);min-width:2ch}.tms-tutorial-card__body{display:flex;flex-direction:column;gap:var(--tms-space-1)}.tms-tutorial-card__title{font-family:var(--tms-font-display);font-size:var(--tms-text-base);font-weight:700;line-height:var(--tms-leading-tight)}.tms-tutorial-card__brief{font-size:var(--tms-text-sm);color:var(--tms-color-text-muted);line-height:1.4;margin:0}.tms-tutorial-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tms-space-3);font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);color:var(--tms-color-text-muted);letter-spacing:var(--tms-tracking-wide)}.tms-tutorial-card__meta-sep{color:var(--tms-color-border)}.tms-tutorial-card__badges{display:flex;align-items:center;gap:var(--tms-space-2)}.tms-pixel-dot{width:6px;height:6px;background:var(--tms-color-border-heavy);display:inline-block;transform:rotate(45deg)}.tms-pixel-dot--accent{background:var(--tms-color-accent)}.tms-pixel-dot--muted{background:var(--tms-color-border)}.tms-pixel-dots{display:flex;align-items:center;justify-content:center;gap:var(--tms-space-2);padding:var(--tms-space-4) 0}.tms-pixel-dots__dot{width:6px;height:6px;background:var(--tms-color-border-heavy);transform:rotate(45deg);flex-shrink:0}.tms-pixel-dots__dot--accent{background:var(--tms-color-accent)}.tms-label-table{display:inline-flex;border:1px solid var(--tms-color-border-heavy);font-family:var(--tms-font-mono);font-size:10px;letter-spacing:var(--tms-tracking-wide);line-height:1;border-radius:1px}.tms-label-table__cell{padding:3px 6px;border-right:1px solid var(--tms-color-border-heavy)}.tms-label-table__cell:last-child{border-right:none}.tms-label-table__cell--easy{background:var(--tms-color-easy-bg);color:var(--tms-color-easy)}.tms-label-table__cell--medium{background:var(--tms-color-medium-bg);color:var(--tms-color-medium)}.tms-label-table__cell--hard{background:var(--tms-color-hard-bg);color:var(--tms-color-hard)}.tms-section-header{margin-bottom:var(--tms-space-12)}.tms-section-label{font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);color:var(--tms-color-accent);letter-spacing:var(--tms-tracking-wider);text-transform:uppercase;margin-bottom:var(--tms-space-3);display:block}.tms-section-header__title{font-family:var(--tms-font-display);font-size:var(--tms-text-xl);font-weight:700;line-height:var(--tms-leading-tight)}.tms-marquee{background:var(--tms-color-bg-inverse);color:var(--tms-color-text-inverse);overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--tms-color-border-heavy)}.tms-marquee__track{display:inline-flex;animation:tmsMarqueeScroll 30s linear infinite}.tms-marquee__content{display:inline-flex;align-items:center;gap:var(--tms-space-8);padding:var(--tms-space-2) var(--tms-space-8);font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);letter-spacing:var(--tms-tracking-wider);text-transform:uppercase}.tms-marquee__sep{color:var(--tms-color-accent)}@keyframes tmsMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tms-header{display:flex;align-items:center;justify-content:space-between;padding:var(--tms-space-4) 0}.tms-logo{font-family:var(--tms-font-display);font-size:var(--tms-text-base);font-weight:700;letter-spacing:var(--tms-tracking-tight);color:var(--tms-color-text-primary);text-decoration:none}.tms-logo__accent{color:var(--tms-color-accent)}.tms-nav{border-top:var(--tms-border-thin);border-bottom:var(--tms-border-heavy);background:var(--tms-color-bg-tertiary)}.tms-nav__toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;background:none;border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);cursor:pointer;margin:var(--tms-space-2) 0}.tms-nav__toggle-bar{display:block;width:100%;height:2px;background:var(--tms-color-text-primary);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.tms-nav__toggle.tms-is-open .tms-nav__toggle-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.tms-nav__toggle.tms-is-open .tms-nav__toggle-bar:nth-child(2){opacity:0}.tms-nav__toggle.tms-is-open .tms-nav__toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.tms-nav__list{display:flex;align-items:center;gap:0}.tms-nav__item{position:relative}.tms-nav__link{display:flex;align-items:center;gap:var(--tms-space-2);padding:var(--tms-space-3) var(--tms-space-5);font-family:var(--tms-font-mono);font-size:var(--tms-text-sm);letter-spacing:var(--tms-tracking-wide);text-transform:uppercase;color:var(--tms-color-text-secondary);transition:color var(--tms-transition-base),background-color var(--tms-transition-base);text-decoration:none;border-right:var(--tms-border-thin)}.tms-nav__link:hover,.tms-nav__link.tms-is-active{color:var(--tms-color-text-primary);background:var(--tms-color-bg-secondary)}.tms-nav__link--cta{color:var(--tms-color-accent);font-weight:700;margin-left:auto;border-right:none;border-left:var(--tms-border-thin)}.tms-nav__link--cta:hover{background:var(--tms-color-accent);color:var(--tms-color-text-inverse)}.tms-nav__link--auth{font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);text-transform:uppercase;letter-spacing:.05em;border-left:var(--tms-border-thin);border-right:none}.tms-visitor-counter{display:inline-flex;align-items:center;gap:var(--tms-space-2);font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);color:var(--tms-color-text-muted);letter-spacing:var(--tms-tracking-wide)}.tms-visitor-counter__label{text-transform:uppercase}.tms-visitor-counter__number{font-weight:700;color:var(--tms-color-text-primary);background:var(--tms-color-bg-tertiary);padding:2px 6px;border:1px solid var(--tms-color-border);border-radius:2px;font-variant-numeric:tabular-nums}.tms-footer{background:var(--tms-color-bg-inverse);color:var(--tms-color-text-inverse);padding:var(--tms-space-16) 0 var(--tms-space-8);border-top:var(--tms-border-heavy)}.tms-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--tms-space-10);margin-bottom:var(--tms-space-12)}.tms-footer__brand{font-family:var(--tms-font-display);font-size:var(--tms-text-base);font-weight:700;margin-bottom:var(--tms-space-4)}.tms-footer__tagline{font-size:var(--tms-text-sm);color:var(--tms-color-text-muted);line-height:var(--tms-leading-normal)}.tms-footer__heading{font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);letter-spacing:var(--tms-tracking-widest);text-transform:uppercase;color:var(--tms-color-text-muted);margin-bottom:var(--tms-space-4)}.tms-footer__links{display:flex;flex-direction:column;gap:var(--tms-space-3)}.tms-footer__link{font-size:var(--tms-text-sm);color:var(--tms-color-text-inverse);opacity:.7;transition:opacity var(--tms-transition-base)}.tms-footer__link:hover{opacity:1}.tms-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--tms-space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--tms-space-4)}.tms-footer__credit{font-family:var(--tms-font-mono);font-size:var(--tms-text-xs);letter-spacing:var(--tms-tracking-wide);color:var(--tms-color-text-muted)}.tms-footer__legal{text-align:center;padding:var(--tms-space-4) 0 0;border-top:1px solid rgba(255,255,255,.05)}.tms-footer__legal-link{font-family:var(--tms-font-mono);font-size:10px;letter-spacing:var(--tms-tracking-wide);color:var(--tms-color-text-muted);text-decoration:none;transition:color var(--tms-transition-base)}.tms-footer__legal-link:hover{color:var(--tms-color-accent)}.tms-footer__legal-sep{color:var(--tms-color-text-muted);margin:0 var(--tms-space-2);font-size:10px}.tms-footer__ascii{font-family:var(--tms-font-mono);font-size:10px;line-height:1.3;color:var(--tms-color-text-muted);opacity:.5;white-space:pre}.tms-input,.tms-select,.tms-textarea{width:100%;padding:var(--tms-space-3) var(--tms-space-4);font-family:var(--tms-font-body);font-size:var(--tms-text-base);background:var(--tms-color-bg-primary);border:2px solid var(--tms-color-border);border-radius:var(--tms-border-radius);transition:border-color var(--tms-transition-base)}.tms-input:focus,.tms-select:focus,.tms-textarea:focus{border-color:var(--tms-color-accent);outline:none}.tms-textarea{min-height:200px;resize:vertical}.tms-form-label{display:block;font-family:var(--tms-font-mono);font-size:var(--tms-text-sm);font-weight:600;letter-spacing:var(--tms-tracking-wide);text-transform:uppercase;margin-bottom:var(--tms-space-2)}@media(min-width:769px){.tms-topbar,.tms-nav__sidebar{display:contents}.tms-nav__sidebar-header,.tms-nav__sidebar-close,.tms-nav__sidebar-footer,.tms-nav__overlay{display:none}}@media(max-width:768px){.tms-footer__grid{grid-template-columns:1fr;gap:var(--tms-space-8)}.tms-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--tms-border-heavy);background:var(--tms-color-bg-secondary);padding:0 var(--tms-space-4);position:sticky;top:0;z-index:var(--tms-z-nav)}.tms-topbar .tms-header{padding:var(--tms-space-3) 0;border:none}.tms-topbar .tms-visitor-counter{display:none}.tms-topbar .tms-nav{border:none;background:none}.tms-topbar .tms-nav .tms-container{padding:0}.tms-nav__toggle{display:flex}.tms-nav__sidebar{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;height:100dvh;background:var(--tms-color-bg-secondary);border-left:var(--tms-border-heavy);box-shadow:-4px 0 0 var(--tms-color-shadow, rgba(0,0,0,.15));z-index:var(--tms-z-modal);display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease}.tms-nav__sidebar.tms-is-open{transform:translate(0);visibility:visible}.tms-nav__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--tms-space-4) var(--tms-space-5);border-bottom:var(--tms-border-heavy);background:var(--tms-color-bg-tertiary)}.tms-nav__sidebar-title{font-family:var(--tms-font-display);font-size:var(--tms-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--tms-tracking-wider)}.tms-nav__sidebar-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);background:var(--tms-color-bg-secondary);color:var(--tms-color-text-primary);cursor:pointer;transition:transform var(--tms-transition-base),box-shadow var(--tms-transition-base);box-shadow:var(--tms-shadow-button)}.tms-nav__sidebar-close:hover{transform:translate(-2px,-2px);box-shadow:var(--tms-shadow-card-hover)}.tms-nav__sidebar-close:active{transform:translate(2px,2px);box-shadow:var(--tms-shadow-button-active)}.tms-nav__list{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:var(--tms-space-4) 0}.tms-nav__item{width:100%}.tms-nav__item--cta{margin-top:auto;padding:var(--tms-space-4) var(--tms-space-5)}.tms-nav__link{border-right:none;border-bottom:var(--tms-border-thin);padding:var(--tms-space-4) var(--tms-space-5);font-size:var(--tms-text-base)}.tms-nav__link--cta{border-left:none;border-bottom:none;border-right:none;display:flex;justify-content:center;background:var(--tms-color-accent);color:var(--tms-color-text-inverse);border-radius:var(--tms-border-radius);border:var(--tms-border-heavy);border-color:var(--tms-color-accent-hover);box-shadow:var(--tms-shadow-button);margin-left:0}.tms-nav__item--auth{padding:0 var(--tms-space-5);margin-top:var(--tms-space-2)}.tms-nav__link--auth{border-left:none;border-bottom:none;display:flex;justify-content:center;font-size:var(--tms-text-sm)}.tms-nav__sidebar-footer{padding:var(--tms-space-4) var(--tms-space-5);border-top:var(--tms-border-thin);display:flex;justify-content:center}.tms-nav__overlay{position:fixed;inset:0;background:#2a252080;z-index:calc(var(--tms-z-modal) - 1);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.tms-nav__overlay.tms-is-open{opacity:1;visibility:visible}body.tms-is-sidebar-open{overflow:hidden}.tms-tutorial-card{grid-template-columns:1fr;gap:var(--tms-space-3)}.tms-tutorial-card__number{display:none}.tms-tutorial-card__badges{justify-content:flex-start}}#tms-popup-container{position:fixed;inset:0;z-index:var(--tms-z-modal);pointer-events:none}.tms-popup-instance{position:fixed;inset:0;z-index:var(--tms-z-modal);pointer-events:none;opacity:0;transition:opacity .3s ease}.tms-popup-instance.tms-is-visible{opacity:1}.tms-popup-instance.tms-is-visible>.tms-popup-overlay,.tms-popup-instance.tms-is-visible>.tms-popup{pointer-events:auto}.tms-popup-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--tms-z-modal);cursor:pointer}.tms-popup{position:fixed;z-index:calc(var(--tms-z-modal) + 1);background:var(--tms-color-bg-primary);border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);box-shadow:var(--tms-shadow-card);padding:var(--tms-space-6);max-width:480px;width:calc(100% - var(--tms-space-8))}.tms-popup--center{top:50%;left:50%;transform:translate(-50%,-50%)}.tms-popup--bottom-right{bottom:var(--tms-space-6);right:var(--tms-space-6)}.tms-popup--bottom-left{bottom:var(--tms-space-6);left:var(--tms-space-6)}.tms-popup--top-right{top:var(--tms-space-6);right:var(--tms-space-6)}.tms-popup--top-left{top:var(--tms-space-6);left:var(--tms-space-6)}.tms-popup--bottom-bar{bottom:0;left:0;right:0;max-width:none;width:100%;border-radius:0;border-left:none;border-right:none;border-bottom:none;text-align:center}.tms-popup--top-bar{top:0;left:0;right:0;max-width:none;width:100%;border-radius:0;border-left:none;border-right:none;border-top:none;text-align:center}.tms-popup--info{border-left:6px solid var(--tms-color-accent)}.tms-popup--warning{border-left:6px solid #d4a017}.tms-popup--success{border-left:6px solid #2e7d32}.tms-popup--announcement{background:var(--tms-color-accent);color:#fff;border-color:var(--tms-color-accent)}.tms-popup--bottom-bar.tms-popup--info,.tms-popup--bottom-bar.tms-popup--warning,.tms-popup--bottom-bar.tms-popup--success,.tms-popup--top-bar.tms-popup--info,.tms-popup--top-bar.tms-popup--warning,.tms-popup--top-bar.tms-popup--success{border-left:none}.tms-popup--bottom-bar.tms-popup--info,.tms-popup--top-bar.tms-popup--info{border-color:var(--tms-color-accent)}.tms-popup--bottom-bar.tms-popup--warning,.tms-popup--top-bar.tms-popup--warning{border-color:#d4a017}.tms-popup--bottom-bar.tms-popup--success,.tms-popup--top-bar.tms-popup--success{border-color:#2e7d32}.tms-popup__close{position:absolute;top:var(--tms-space-2);right:var(--tms-space-3);background:none;border:none;font-size:1.5rem;color:var(--tms-color-text-secondary);cursor:pointer;padding:var(--tms-space-1);line-height:1}.tms-popup__close:hover{color:var(--tms-color-text-primary)}.tms-popup--announcement .tms-popup__close{color:#ffffffb3}.tms-popup--announcement .tms-popup__close:hover{color:#fff}.tms-popup__title{font-family:var(--tms-font-mono);font-size:var(--tms-text-lg);font-weight:700;margin:0 0 var(--tms-space-3) 0;padding-right:var(--tms-space-6);color:var(--tms-color-text-primary)}.tms-popup--announcement .tms-popup__title{color:#fff}.tms-popup__message{font-family:var(--tms-font-body);font-size:var(--tms-text-base);line-height:1.6;margin:0 0 var(--tms-space-5) 0;color:var(--tms-color-text-secondary)}.tms-popup--announcement .tms-popup__message{color:#ffffffe6}.tms-popup__actions{display:flex;gap:var(--tms-space-3);flex-wrap:wrap}.tms-popup--bottom-bar .tms-popup__actions,.tms-popup--top-bar .tms-popup__actions{justify-content:center}.tms-popup__cta{display:inline-flex;align-items:center;font-family:var(--tms-font-mono);font-size:var(--tms-text-sm);font-weight:600;letter-spacing:var(--tms-tracking-wide);text-transform:uppercase;text-decoration:none;padding:var(--tms-space-2) var(--tms-space-5);border:var(--tms-border-heavy);border-radius:var(--tms-border-radius);background:var(--tms-color-accent);color:#fff;box-shadow:3px 3px 0 var(--tms-color-text-primary);cursor:pointer;transition:transform var(--tms-transition-base),box-shadow var(--tms-transition-base)}.tms-popup__cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--tms-color-text-primary)}.tms-popup__cta:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tms-color-text-primary)}.tms-popup__cta--secondary{background:transparent;color:var(--tms-color-text-primary);border-color:var(--tms-color-text-primary);box-shadow:3px 3px 0 var(--tms-color-border)}.tms-popup__cta--secondary:hover{box-shadow:5px 5px 0 var(--tms-color-border)}.tms-popup__cta--secondary:active{box-shadow:1px 1px 0 var(--tms-color-border)}.tms-popup--announcement .tms-popup__cta{background:#fff;color:var(--tms-color-accent);border-color:#fff}.tms-popup--announcement .tms-popup__cta--secondary{background:transparent;color:#fff;border-color:#ffffff80}.tms-popup__close:focus-visible,.tms-popup__cta:focus-visible{outline:3px solid var(--tms-color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tms-popup-instance{transition:none}.tms-popup__cta,.tms-popup__cta:hover,.tms-popup__cta:active{transition:none;transform:none}}@media(max-width:600px){.tms-popup{max-width:none;width:calc(100% - var(--tms-space-4));padding:var(--tms-space-4)}.tms-popup--bottom-right,.tms-popup--bottom-left{left:var(--tms-space-2);right:var(--tms-space-2);bottom:var(--tms-space-2)}.tms-popup--top-right,.tms-popup--top-left{left:var(--tms-space-2);right:var(--tms-space-2);top:var(--tms-space-2)}.tms-popup__actions{flex-direction:column}.tms-popup__cta{justify-content:center}}
