:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--surface:#111113;--surface-soft:#171719;--ink:#f2f0ea;--muted:#9b9891;--quiet:#706d67;--line:#2a2927;--line-strong:#3b3935;--accent:#d8d2c4;--mistake:#c98f7a;--insight:#a8b99c;--dilemma:#b1a0c7;--choice:#9eb8bf;--shadow:0 22px 70px #00000057;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100vh;color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 50% 0,#d8d2c40f,#0000 34rem),linear-gradient(#0b0b0c 0%,#0e0d0c 100%);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:28px 0 56px}.narrow-shell{width:min(760px,100vw - 32px)}.app-header{justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-bottom:54px;display:flex}.app-header p{max-width:260px;color:var(--quiet);text-align:right;margin:0;font-size:.86rem;line-height:1.45}.brand-lockup{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo-mark{border:1px solid var(--line-strong);background:#0f0f10;border-radius:10px;flex:none;width:40px;height:40px;display:inline-flex;position:relative}.logo-mark span{background:var(--accent);transform-origin:50%;border-radius:999px;width:25px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.wordmark{letter-spacing:0;font-size:1.12rem;font-weight:720;line-height:1}.auth-lockup{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.large-mark{border-radius:16px;width:58px;height:58px}.large-mark span{width:36px;height:6px}.large-wordmark{font-size:clamp(2rem,7vw,3rem)}.auth-card{width:min(480px,100%);margin:0 auto}.compact-intro{text-align:center;margin-bottom:22px}.compact-intro h1,.compact-intro .dashboard-copy{margin-left:auto;margin-right:auto}.page-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-nav a{min-height:34px;color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;padding:0 10px;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.page-nav a:hover,.page-nav a[aria-current=page]{border-color:var(--line);background:var(--surface-soft);color:var(--ink)}.landing-view{gap:28px;min-width:0;display:grid}.site-nav{justify-content:space-between;align-items:center;gap:18px;min-height:54px;display:flex}.landing-nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-link{min-height:40px}.nav-button{text-decoration:none}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:28px;min-height:58vh;display:grid}.hero-copy h1{overflow-wrap:anywhere;margin-bottom:18px;font-size:clamp(3.6rem,12vw,8.4rem);line-height:1}.hero-copy{min-width:0}.hero-text{max-width:680px;color:var(--muted);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.habit-board{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#111113eb;border-radius:8px;gap:14px;padding:18px;display:grid}.board-row{border:1px solid var(--line);background:#0f0f10;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:12px;min-width:0;padding:14px;display:grid}.board-row>div{min-width:0}.board-row p{color:var(--muted);overflow-wrap:break-word;margin:4px 0 0;line-height:1.52}.rank-dot{border-radius:50%;width:14px;height:14px;margin-top:4px}.rank-breakthrough{background:var(--accent)}.rank-pattern{background:var(--insight)}.kaizen-panel{min-width:0;display:grid}.kaizen-heading{z-index:1;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#d8d2c41a,#0000 42%),linear-gradient(#9eb8bf0f,#0000 70%);min-height:116px;padding:16px 16px 14px;position:relative;overflow:hidden}.kaizen-heading:before{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(#d8d2c40f 0 1px,#0000 1px 9px);position:absolute;inset:0}.kaizen-heading:after{content:"";background:linear-gradient(90deg,#0000,#d8d2c461,#0000);width:10%;animation:6.2s cubic-bezier(.55,0,.18,1) infinite official-scan;position:absolute;top:0;bottom:0;left:-18%}.kanji-shift{min-height:39px;color:var(--ink);text-transform:uppercase;font-size:2rem;font-weight:900;line-height:1;position:relative}.kanji-symbol,.english-symbol,.brand-symbol{text-shadow:0 0 18px #d8d2c433,1px 0 #9eb8bf2e,-1px 0 #c98f7a24;position:absolute;top:0;left:0}.kanji-symbol{animation:6.2s cubic-bezier(.55,0,.18,1) infinite kanji-out}.english-symbol{opacity:0;clip-path:inset(0 100% 0 0);animation:6.2s cubic-bezier(.55,0,.18,1) infinite english-in}.brand-symbol{opacity:0;color:var(--accent);clip-path:inset(0 100% 0 0);animation:6.2s cubic-bezier(.55,0,.18,1) infinite brand-in}.kaizen-definition{max-width:320px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:5px;margin:10px 0 0;font-size:.74rem;font-weight:800;line-height:1.35;display:grid;position:relative}.kaizen-definition span{animation:6.2s cubic-bezier(.55,0,.18,1) infinite definition-lock}.kaizen-definition span:nth-child(2){animation-delay:80ms}.kaizen-definition span:nth-child(3){animation-delay:.16s}.kaizen-definition span:nth-child(4){color:var(--accent);animation-delay:.24s}.kaizen-privacy{color:var(--quiet);margin:12px 0 0;font-size:.78rem;font-weight:700;line-height:1.45;position:relative}.mini-chart{border:1px solid var(--line);background:linear-gradient(#d8d2c40a,#0000 42%),#151515;border-radius:8px;gap:0;min-width:0;min-height:260px;display:grid;position:relative;overflow:hidden}.mini-chart:before{content:"";pointer-events:none;opacity:.32;background:linear-gradient(#d8d2c40e 1px,#0000 1px) 0 0/100% 28px,linear-gradient(90deg,#d8d2c409 1px,#0000 1px) 0 0/28px 100%;position:absolute;inset:0}.chart-bars{z-index:1;align-items:end;gap:8px;min-height:132px;padding:14px 12px 12px;display:flex;position:relative}.chart-line{z-index:3;pointer-events:none;width:calc(100% - 20px);height:calc(100% - 22px);position:absolute;inset:12px 10px 10px;overflow:visible}.chart-line polyline{fill:none;stroke:#f2f0ea;stroke-dasharray:420;stroke-dashoffset:420px;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(0 0 8px #f2f0ea33);animation:6.2s cubic-bezier(.55,0,.18,1) infinite line-rise}.chart-bars span{z-index:2;background:linear-gradient(180deg, #f2f0eae0, #d8d2c4b8), var(--accent);transform-origin:bottom;border-radius:6px 6px 2px 2px;flex:1;min-width:16px;animation:6.2s cubic-bezier(.55,0,.18,1) infinite bar-rise;position:relative;box-shadow:0 -8px 24px #d8d2c41a}.chart-bars span:nth-child(2){animation-delay:80ms}.chart-bars span:nth-child(3){animation-delay:.16s}.chart-bars span:nth-child(4){animation-delay:.24s}.chart-bars span:nth-child(5){animation-delay:.32s}@keyframes kanji-out{0%,34%{opacity:1;filter:none;transform:translate(0)}42%{opacity:.7;filter:blur(.5px);transform:translate(0)}50%,to{opacity:0;filter:blur(3px);transform:translateY(-10px)}}@keyframes english-in{0%,43%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(2px);transform:translateY(8px)}55%,68%{opacity:1;clip-path:inset(0);filter:none;transform:translateY(0)}76%,to{opacity:0;clip-path:inset(0);filter:blur(2px);transform:translateY(-8px)}}@keyframes brand-in{0%,67%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(2px);transform:translateY(8px)}82%,to{opacity:1;clip-path:inset(0);filter:none;transform:translateY(0)}}@keyframes official-scan{0%,32%{transform:translate(0)}56%{transform:translate(1160%)}57%,to{transform:translate(1160%)}}@keyframes definition-lock{0%,46%{opacity:0;transform:translateY(7px)}58%{opacity:.72;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes bar-rise{0%,40%{opacity:.45;filter:brightness(.82);transform:scaleY(.58)}62%{opacity:1;filter:brightness(1.22);transform:scaleY(1.05)}72%,to{opacity:1;filter:brightness();transform:scaleY(1)}}@keyframes line-rise{0%,42%{opacity:.28;stroke-dashoffset:420px;transform:translateY(10px)}66%{opacity:1;stroke-dashoffset:0;transform:translateY(0)}to{opacity:1;stroke-dashoffset:0;transform:translateY(0)}}.bar-34{height:34%}.bar-68{height:68%}.bar-42{height:42%}.bar-82{height:82%}.bar-50{height:50%}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-grid article{border:1px solid var(--line);background:#111113eb;border-radius:8px;padding:18px}.landing-grid span{background:var(--ink);width:34px;height:34px;color:var(--bg);border-radius:50%;place-items:center;font-weight:900;display:grid}.landing-grid h2{margin-top:18px}.landing-grid p{color:var(--muted);line-height:1.52}.composer-panel,.dashboard-view,.login-panel,.feed-section{border:1px solid var(--line);box-shadow:var(--shadow);background:#111113eb;border-radius:8px}.composer-panel{width:min(760px,100%);margin:0 auto;padding:clamp(20px,4vw,34px)}.login-panel{padding:clamp(20px,4vw,34px)}.intro{margin-bottom:26px}.eyebrow{color:var(--quiet);text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}h1,h2,p,fieldset{margin-top:0}h1{max-width:640px;margin-bottom:0;font-size:clamp(2.45rem,8vw,5.15rem);font-weight:650;line-height:.98}h2{margin-bottom:0;font-size:1.1rem;line-height:1.25}.entry-form{gap:18px;display:grid}.type-selector{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:0;padding:0;display:grid}.type-selector legend{color:var(--muted);margin-bottom:8px;font-size:.82rem;font-weight:700}.type-selector label{min-width:0}.type-selector input{opacity:0;pointer-events:none;position:absolute}.type-selector span{border:1px solid var(--line);background:var(--surface-soft);min-height:42px;color:var(--muted);border-radius:8px;place-items:center;font-size:.9rem;font-weight:750;display:grid}.type-selector input:checked+span{border-color:var(--accent);color:#15130f;background:#d8d2c4}.entry-field{color:var(--muted);gap:8px;font-size:.84rem;font-weight:700;display:grid}.field-hint{color:var(--quiet);font-size:.78rem;font-weight:650;line-height:1.4}.field-error{min-height:1em;color:var(--mistake);font-size:.78rem;font-weight:750;line-height:1.4}.username-status{min-height:1em}.username-status.available{color:var(--insight)}.username-status.checking{color:var(--muted)}.username-status.unavailable{color:var(--mistake)}textarea{border:1px solid var(--line);width:100%;min-height:230px;color:var(--ink);resize:vertical;background:#0e0e0f;border-radius:8px;outline:none;padding:16px;line-height:1.6}textarea::placeholder{color:#696761}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8d2c41f}input[type=text],input[type=email],input[type=password],input[type=search],select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#0e0e0f;border-radius:8px;outline:none;padding:0 14px}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder{color:#696761}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8d2c41f}select{color:var(--ink)}.entry-options,.form-actions,.entry-topline,.entry-footer,.section-head{align-items:center;display:flex}.entry-options,.form-actions,.entry-topline,.section-head{justify-content:space-between;gap:14px}.entry-options{color:var(--quiet);font-size:.82rem}.checkbox-label{min-width:0;color:var(--muted);align-items:center;gap:9px;font-weight:700;display:inline-flex}.checkbox-label input{width:17px;height:17px;accent-color:var(--accent)}.primary-button,.primary-link,.secondary-button,.secondary-link,.text-button,.resonance-button,.delete-button{border-radius:8px;font-weight:800}.primary-button,.primary-link{background:var(--accent);color:#11100e;border:1px solid #0000;justify-content:center;align-items:center;min-width:112px;min-height:44px;padding:0 18px;text-decoration:none;display:inline-flex}.primary-button:hover,.primary-link:hover{background:#eee7d9}.full-button{width:100%}.secondary-button{border:1px solid var(--line);background:var(--surface-soft);min-height:44px;color:var(--ink);justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.secondary-button:hover{border-color:var(--line-strong)}.secondary-link{min-height:44px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.text-button,.delete-button{color:var(--quiet);background:0 0;border:0;padding:0}#formNote{min-height:20px;color:var(--quiet);text-align:right;margin:0;font-size:.86rem;line-height:1.4}.auth-message{min-height:20px;color:var(--muted);text-align:center;margin:0;font-size:.86rem;line-height:1.45}.feed-section{padding:clamp(18px,3vw,24px)}.dashboard-composer{width:100%;margin-bottom:18px}.score-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#111113eb;border-radius:8px;grid-template-columns:minmax(160px,1fr) auto minmax(160px,220px);align-items:center;gap:16px;margin-bottom:18px;padding:clamp(16px,3vw,22px);display:grid}.score-value{min-width:86px;color:var(--accent);text-align:right;font-size:clamp(2.8rem,7vw,4.5rem);font-weight:850;line-height:.9}.score-meter{border:1px solid var(--line);background:#0e0e0f;border-radius:999px;height:10px;overflow:hidden}.score-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--insight), var(--accent));width:0%;height:100%;transition:width .18s;display:block}.score-breakdown{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.score-breakdown div{border:1px solid var(--line);background:#0f0f10;border-radius:8px;padding:10px 12px}.score-breakdown dt{color:var(--quiet);text-transform:uppercase;font-size:.72rem;font-weight:900}.score-breakdown dd{color:var(--ink);margin:4px 0 0;font-size:1.1rem;font-weight:850}.dashboard-view{padding:clamp(18px,3vw,28px)}.dashboard-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.dashboard-copy{max-width:560px;color:var(--muted);margin:14px 0 0;line-height:1.55}.dashboard-panel+.dashboard-panel{margin-top:16px}.history-controls{grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:10px;margin-bottom:16px;display:grid}.section-head{margin-bottom:18px}.entry-feed{gap:12px;display:grid}.entry-card{border:1px solid var(--line);background:#0f0f10;border-radius:8px;padding:16px}.entry-card[data-shared=true]{border-color:#d8d2c457}.entry-card[data-own=true]{border-color:#d8d2c43d}.entry-topline{margin-bottom:14px}.type-pill{text-transform:uppercase;border:1px solid;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:900}.type-pill[data-type=Mistake]{color:var(--mistake)}.type-pill[data-type=Insight]{color:var(--insight)}.type-pill[data-type=Dilemma]{color:var(--dilemma)}.type-pill[data-type=Choice]{color:var(--choice)}.owner-pill{border:1px solid var(--line);color:var(--quiet);text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}time{color:var(--quiet);margin-left:auto;font-size:.8rem;font-weight:700}.entry-body{color:var(--ink);white-space:pre-wrap;margin-bottom:16px;line-height:1.62}.entry-footer{border-top:1px solid var(--line);justify-content:flex-start;gap:10px;padding-top:12px}.resonance-button{border:1px solid var(--line);background:var(--surface-soft);min-height:34px;color:var(--muted);padding:0 11px;font-size:.82rem}.resonance-button[disabled]{cursor:default;opacity:.7}.empty-state{border:1px dashed var(--line);min-height:180px;color:var(--quiet);text-align:center;border-radius:8px;place-items:center;padding:22px;line-height:1.5;display:grid}@media (max-width:640px){.app-shell{width:min(100% - 20px,1120px);padding-top:14px}.app-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:34px}.app-header p{text-align:left;max-width:none}.page-nav{justify-content:flex-start}.type-selector{grid-template-columns:1fr 1fr}.landing-hero,.landing-grid{grid-template-columns:1fr}.landing-hero{gap:22px;width:100%;min-width:0;min-height:auto;overflow:hidden}.hero-copy h1{max-width:9ch;font-size:clamp(2.85rem,14vw,3.35rem)}.hero-text{overflow-wrap:break-word;max-width:100%;font-size:1.04rem}.habit-board{width:100%;max-width:100%;padding:10px;overflow:hidden}.board-row{padding:12px;display:block;overflow:hidden}.rank-dot{vertical-align:middle;margin:0 8px 0 0;display:inline-block}.board-row strong{vertical-align:middle;display:inline-block}.board-row strong,.board-row p{overflow-wrap:break-word;max-width:100%}.kaizen-definition{max-width:100%}.kaizen-definition span,.kaizen-privacy{overflow-wrap:anywhere}.site-nav{flex-direction:column;align-items:flex-start}.landing-nav-actions{justify-content:flex-start}.kanji-shift{min-height:30px;font-size:1.55rem}.entry-options,.form-actions,.dashboard-hero,.score-panel,.section-head,.entry-footer{flex-direction:column;align-items:flex-start}.score-panel{grid-template-columns:1fr}.score-value{text-align:left}.score-meter{width:100%}.score-breakdown{grid-template-columns:1fr 1fr;width:100%}.history-controls{grid-template-columns:1fr}#formNote{text-align:left}}@media (prefers-reduced-motion:reduce){.kaizen-heading:after,.kanji-symbol,.english-symbol,.kaizen-definition span,.chart-line polyline,.chart-bars span{animation:none}.chart-line polyline{opacity:1;stroke-dashoffset:0}.kanji-symbol{opacity:0}.english-symbol{opacity:1}}.login-form,.login-form #phoneStep,.login-form #codeStep{flex-direction:column;gap:14px;display:flex}.auth-divider{color:var(--quiet);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;font-size:.78rem;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-hint{color:var(--muted);text-align:center;margin:0;font-size:.86rem}.login-form .text-button{color:var(--quiet);align-self:center;font-size:.86rem}.grade-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#111113eb;border-radius:8px;gap:14px;margin-bottom:18px;padding:clamp(16px,3vw,22px);display:grid}.grade-buttons{flex-wrap:wrap;gap:8px;display:flex}.grade-button{border:1px solid var(--line-strong);min-width:56px;color:var(--muted);cursor:pointer;background:#0f0f10;border-radius:8px;padding:10px 14px;font-size:1.05rem;font-weight:850;transition:border-color .14s,color .14s,background .14s}.grade-button:hover{border-color:var(--accent);color:var(--ink)}.grade-button.is-active{border-color:var(--accent);background:var(--accent);color:#141312}.grade-history{flex-wrap:wrap;gap:6px;display:flex}.grade-chip{border:1px solid var(--line);color:var(--quiet);background:#0f0f10;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.posts-panel{margin-bottom:18px}.owner-link{color:inherit;text-decoration:none}a.owner-link[href]:hover{color:var(--accent);text-decoration:underline}.nav-logout{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.nav-logout:hover{color:var(--ink)}.nav-profile-link{color:var(--accent)}.friend-list{gap:8px;display:grid}.friend-list+.friend-list{margin-top:10px}.friend-row{border:1px solid var(--line);background:#0f0f10;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.friend-name{color:var(--ink);font-weight:800}.friend-note{color:var(--quiet);margin-right:auto;font-size:.8rem}.friend-row .friend-name+.friend-note,.friend-row .friend-name:last-child{margin-right:auto}.friend-row button{margin-left:auto}.friend-row .friend-note~button{margin-left:0}.small-button{padding:6px 12px;font-size:.8rem}.search-results{border:1px solid var(--line);background:#0f0f10;border-radius:8px;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}