/* Timeline controls: one type scale, three interaction levels, consistent symbols. */
html[data-preview-theme] .tl-root{--tl-ink:#213b32;--tl-muted:#63716a;--tl-line:#e1e6df;--tl-soft:#edf1eb;--tl-accent:#205441;max-width:760px;color:var(--tl-ink);font-family:var(--font-body)}
html[data-preview-theme] .tl-root .tl-glyph{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex:none}html[data-preview-theme] .tl-root .tl-glyph svg{display:block;width:100%;height:100%}html[data-preview-theme] .tl-root [data-tl-icon]{display:inline-flex}
html[data-preview-theme] .tl-root .tl-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
html[data-preview-theme] .tl-root .tl-main-tabs{display:flex;gap:3px;padding:4px;background:#e9ede6;border:0;border-radius:12px;margin:0;flex:1;max-width:400px;min-width:0}
html[data-preview-theme] .tl-root .tl-main-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:44px;padding:8px 18px;border:0;border-radius:9px;font:600 14px/1.4 var(--font-body);letter-spacing:0;background:transparent;color:#5f6b63;cursor:pointer;transition:background .16s,box-shadow .16s,color .16s}
html[data-preview-theme] .tl-root .tl-main-tabs button[aria-selected=true]{background:#fffefa;color:var(--tl-ink);box-shadow:0 1px 3px #163b2c1f,0 0 0 1px #203e2510}
html[data-preview-theme] .tl-root .tl-main-tabs button .tl-glyph{width:18px;height:18px}
html[data-preview-theme] .tl-root .tl-compose{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid #205441;border-radius:12px;background:var(--tl-accent);color:white;font:600 14px var(--font-body);white-space:nowrap;cursor:pointer;box-shadow:0 2px 3px #234c3812;transition:background .16s,transform .12s}
html[data-preview-theme] .tl-root .tl-compose:hover{background:#173e30}html[data-preview-theme] .tl-root .tl-compose:active{transform:scale(.97)}
html[data-preview-theme] .tl-root .tl-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
html[data-preview-theme] .tl-root .tl-filters{display:flex;gap:6px;margin:0}html[data-preview-theme] .tl-root .tl-filters button{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:9px;min-height:44px;padding:8px 12px;color:var(--tl-muted);font:500 13px var(--font-body);cursor:pointer}
html[data-preview-theme] .tl-root .tl-filters button[aria-pressed=true]{background:#e2ebe0;border-color:transparent;color:#244b37;font-weight:700}html[data-preview-theme] .tl-root .tl-filters button .tl-glyph{width:17px;height:17px}
html[data-preview-theme] .tl-root .tl-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tl-muted);cursor:pointer}html[data-preview-theme] .tl-root .tl-icon-button:hover{background:var(--tl-soft);color:var(--tl-ink)}
html[data-preview-theme] .tl-root .tl-posts{gap:16px}html[data-preview-theme] .tl-root .tl-post{border:1px solid var(--tl-line);border-radius:16px;background:#fffefa;padding:22px;box-shadow:0 2px 5px #263e2a04}html[data-preview-theme] .tl-root .tl-post-badge{border-top:1px solid var(--tl-line)}
html[data-preview-theme] .tl-root .tl-post-head{display:flex;align-items:center;gap:10px;margin:0 0 18px;flex-wrap:wrap}html[data-preview-theme] .tl-root .tl-avatar{width:38px;height:38px;border:0;background:#e7eddc;color:#4a6149;font:600 15px var(--font-body)}html[data-preview-theme] .tl-root .tl-post-head>div{flex:1;min-width:130px}html[data-preview-theme] .tl-root .tl-post-head b{font:600 14px/1.5 var(--font-body)}html[data-preview-theme] .tl-root .tl-post-head small{font:400 12px/1.7 var(--font-body);color:var(--tl-muted);margin-top:2px}html[data-preview-theme] .tl-root .tl-kind{margin-left:auto;border:0;padding:3px 0;font:500 11px/1.5 var(--font-body);color:var(--tl-muted);background:transparent}html[data-preview-theme] .tl-root .tl-private-label{border:0;color:var(--tl-muted);background:var(--tl-soft);border-radius:5px;font-size:11px}
html[data-preview-theme] .tl-root .tl-achievement{display:flex;gap:16px;align-items:flex-start;text-align:left;padding:14px;background:#f4f6ef;border:0;border-radius:12px}html[data-preview-theme] .tl-root .tl-achievement .badge-pieces{width:88px;height:88px;margin:0}html[data-preview-theme] .tl-root .tl-achievement>div{min-width:0;flex:1}html[data-preview-theme] .tl-root .tl-achievement h3{font:600 17px/1.6 var(--font-body);margin:0 0 8px;color:var(--tl-ink)}html[data-preview-theme] .tl-root .tl-piece-count{display:inline-flex;border:0;background:#e6ebde;color:#425c3c;font:600 12px/1.4 var(--font-body);padding:4px 8px;border-radius:5px;margin:0}html[data-preview-theme] .tl-root .tl-achievement p{font:400 13px/1.8 var(--font-body);color:#52614f;margin:10px 0 0}html[data-preview-theme] .tl-root .tl-detail-link{display:inline-flex;align-items:center;gap:7px;font:600 12px var(--font-body);color:var(--tl-accent);min-height:44px;padding:8px 0;margin:4px 0 0;border:0;background:transparent;cursor:pointer}html[data-preview-theme] .tl-root .tl-detail-link .tl-glyph{width:14px;height:14px}
html[data-preview-theme] .tl-root .tl-note-title{font:600 18px/1.65 var(--font-body);color:var(--tl-ink);margin-bottom:10px}html[data-preview-theme] .tl-root .tl-note{font:400 16px/1.9 var(--font-body);color:#35483c;margin-bottom:16px}html[data-preview-theme] .tl-root .tl-photo{border:0;border-radius:10px;max-height:360px}html[data-preview-theme] .tl-root .tl-photo-label{font-size:11px;color:var(--tl-muted);padding-top:7px}
html[data-preview-theme] .tl-root .tl-post-foot{border:0;margin:12px 0 -6px;padding:0;min-height:44px;display:flex;align-items:center;gap:12px}html[data-preview-theme] .tl-root .tl-reaction{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:64px;padding:0 10px;margin-left:-8px;border:0;border-radius:10px;color:#6e7870;background:transparent;font:500 13px var(--font-body);cursor:pointer;transition:background .15s,color .15s,transform .12s}html[data-preview-theme] .tl-root .tl-reaction .tl-glyph{width:22px;height:22px}html[data-preview-theme] .tl-root .tl-reaction-count{min-width:2ch;font-variant-numeric:tabular-nums;text-align:left}html[data-preview-theme] .tl-root .tl-reaction:hover{background:#eef1eb}html[data-preview-theme] .tl-root .tl-reaction:active{transform:scale(.92)}html[data-preview-theme] .tl-root .tl-reaction[aria-pressed=true][data-reaction=heart]{color:#a54257;background:#f9eaf0}html[data-preview-theme] .tl-root .tl-reaction[aria-pressed=true][data-reaction=heart] svg{fill:currentColor;stroke-width:1.5}html[data-preview-theme] .tl-root .tl-reaction[aria-pressed=true][data-reaction=celebrate]{color:#8b6423;background:#f5ecd6;box-shadow:none}html[data-preview-theme] .tl-root .tl-reaction[aria-pressed=true][data-reaction=celebrate] svg path:first-child{fill:#ead294}
html[data-preview-theme] .tl-root :is(#tl-dialog,#tl-settings){width:min(520px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid #dce2d7;border-radius:22px;background:#fffefa;color:var(--tl-ink);box-shadow:0 20px 80px #14322430}html[data-preview-theme] .tl-root :is(#tl-dialog,#tl-settings)::backdrop{background:#15261f66;backdrop-filter:blur(4px)}html[data-preview-theme] .tl-root #tl-dialog .tl-dialog-top{font:500 12px var(--font-body);color:var(--tl-muted)}html[data-preview-theme] .tl-root #tl-close{display:flex;align-items:center;justify-content:center;background:var(--tl-soft);border:0;width:44px;height:44px;border-radius:50%;color:var(--tl-muted);padding:0}html[data-preview-theme] .tl-root #tl-dialog h2{font:600 21px/1.5 var(--font-body);margin:18px 0}html[data-preview-theme] .tl-root .tl-settings-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}html[data-preview-theme] .tl-root .tl-settings-dialog h2{font:600 20px var(--font-body);margin:0}html[data-preview-theme] .tl-root .tl-settings-dialog .tl-icon-button{background:var(--tl-soft)}
html[data-preview-theme] .tl-root .tl-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;cursor:pointer;border-block:1px solid var(--tl-line)}html[data-preview-theme] .tl-root .tl-switch-row b{display:block;font:600 14px/1.6 var(--font-body)}html[data-preview-theme] .tl-root .tl-switch-row small{display:block;font:400 12px/1.8 var(--font-body);color:var(--tl-muted);margin-top:5px}html[data-preview-theme] .tl-root .tl-switch-row input{appearance:none;width:50px;height:30px;flex:none;border:1px solid #b9c4b8;border-radius:18px;background:#d4dcd1;position:relative;cursor:pointer;transition:background .16s}html[data-preview-theme] .tl-root .tl-switch-row input:before{content:'';display:block;position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:white;box-shadow:0 1px 3px #102e222f;transition:transform .16s}html[data-preview-theme] .tl-root .tl-switch-row input:checked{background:var(--tl-accent);border-color:var(--tl-accent)}html[data-preview-theme] .tl-root .tl-switch-row input:checked:before{transform:translateX(20px)}
html[data-preview-theme] .tl-root .tl-setting-link{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:14px 0;border:0;background:none;color:var(--tl-accent);font:500 14px var(--font-body);text-align:left;cursor:pointer}html[data-preview-theme] .tl-root .tl-setting-link>span:last-child{margin-left:auto}html[data-preview-theme] .tl-root .tl-record-options{gap:0;border:1px solid var(--tl-line);border-radius:12px;overflow:hidden}html[data-preview-theme] .tl-root .tl-record-option{border:0;border-bottom:1px solid var(--tl-line);border-radius:0;padding:17px}html[data-preview-theme] .tl-root .tl-record-option:last-child{border:0}html[data-preview-theme] .tl-root .tl-record-option small{font-size:12px}html[data-preview-theme] .tl-root .tl-record-option b{font-size:15px}html[data-preview-theme] .tl-root .tl-record-option>span{font-size:12px}
html[data-preview-theme] .tl-root .tl-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}html[data-preview-theme] .tl-root .tl-error-message{position:static;background:#fff0e9;border:1px solid #dcae98;color:#822e1f;padding:12px;border-radius:8px;font:13px/1.7 var(--font-body)}html[data-preview-theme] .tl-root .tl-settings-status{font:12px/1.7 var(--font-body);color:var(--tl-muted);margin:10px 0 0}
html[data-preview-theme] .tl-root :is(button,a,input):focus-visible{outline:3px solid #659978;outline-offset:3px}
@media(max-width:750px){html[data-preview-theme] .tl-root .tl-navigation{gap:12px;margin-bottom:16px}html[data-preview-theme] .tl-root .tl-main-tabs{max-width:none}html[data-preview-theme] .tl-root .tl-main-tabs button{font-size:13px;padding:8px 10px;gap:6px}html[data-preview-theme] .tl-root .tl-compose{width:48px;padding:0;flex:none}html[data-preview-theme] .tl-root .tl-compose>span:last-child{display:none}html[data-preview-theme] .tl-root .tl-filter-row{gap:8px;margin-bottom:14px}html[data-preview-theme] .tl-root .tl-filters{gap:3px}html[data-preview-theme] .tl-root .tl-filters button{font-size:12px;padding:8px 10px}html[data-preview-theme] .tl-root .tl-post{padding:18px 16px;border-radius:16px}html[data-preview-theme] .tl-root .tl-post-head{margin-bottom:15px}html[data-preview-theme] .tl-root .tl-post-head>div{min-width:120px}html[data-preview-theme] .tl-root .tl-kind{font-size:10px}html[data-preview-theme] .tl-root .tl-achievement{gap:10px;padding:12px}html[data-preview-theme] .tl-root .tl-achievement .badge-pieces{width:68px;height:68px}html[data-preview-theme] .tl-root .tl-achievement h3{font-size:16px;line-height:1.6}html[data-preview-theme] .tl-root .tl-achievement p{font-size:12px}html[data-preview-theme] .tl-root .tl-note-title{font-size:17px}html[data-preview-theme] .tl-root .tl-post-head small{font-size:11px}html[data-preview-theme] .tl-root .tl-post-head .tl-private-label{margin-left:48px}html[data-preview-theme] .tl-root #tl-dialog,html[data-preview-theme] .tl-root #tl-settings{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:88dvh;border-radius:24px 24px 0 0;padding:24px 22px max(26px,env(safe-area-inset-bottom));border-bottom:0}html[data-preview-theme] .tl-root #tl-dialog:before,html[data-preview-theme] .tl-root #tl-settings:before{content:'';display:block;width:34px;height:4px;border-radius:4px;background:#d0d8cd;margin:-12px auto 16px}html[data-preview-theme] .tl-root .tl-settings-dialog header{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html[data-preview-theme] .tl-root *{transition:none!important}}
html[data-preview-theme] .tl-root #tl-dialog .tl-dialog-top{gap:16px;margin-bottom:18px}html[data-preview-theme] .tl-root #tl-dialog .tl-dialog-top h2{font:600 20px/1.5 var(--font-body);text-align:left;margin:0;flex:1}html[data-preview-theme] .tl-root .tl-record-option{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:5px 14px;align-items:center}html[data-preview-theme] .tl-root .tl-record-option small{grid-column:1}html[data-preview-theme] .tl-root .tl-record-option b{grid-column:1;grid-row:2}html[data-preview-theme] .tl-root .tl-record-option>.tl-glyph{grid-column:2;grid-row:1/3;width:16px;height:16px;color:var(--tl-muted)}
@media(max-width:750px){html[data-preview-theme] .tl-root .tl-achievement{display:grid;grid-template-columns:68px minmax(0,1fr);gap:4px 12px}html[data-preview-theme] .tl-root .tl-achievement>div{display:contents}html[data-preview-theme] .tl-root .tl-achievement .badge-pieces{grid-column:1;grid-row:1/3;align-self:center}html[data-preview-theme] .tl-root .tl-achievement h3{grid-column:2;grid-row:1;margin:0;align-self:end}html[data-preview-theme] .tl-root .tl-piece-count{grid-column:2;grid-row:2;align-self:start;justify-self:start;margin-top:5px}html[data-preview-theme] .tl-root .tl-achievement p{grid-column:1/-1;grid-row:3;margin:9px 0 0;font-size:13px}html[data-preview-theme] .tl-root .tl-detail-link{grid-column:1/-1;grid-row:4;justify-self:end;margin:0}html[data-preview-theme] .tl-root .tl-post-head small{font-size:12px}html[data-preview-theme] .tl-root .tl-kind{font-size:11px}}

.tl-experience{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:14px 0;padding:12px 14px;border:1px solid #dce4da;border-radius:12px;background:#f5f7f1;color:#234b3c;text-decoration:none;overflow-wrap:anywhere}.tl-experience>span:first-child{display:grid;gap:4px;min-width:0}.tl-experience small{font:12px/1.6 var(--font-body);color:#59695d}.tl-experience b{font:600 14px/1.6 var(--font-body)}.tl-experience .tl-glyph{flex:none}.tl-experience:focus-visible{outline:3px solid #659978;outline-offset:3px}.tl-steps li:has(.tl-experience){display:flex;flex-wrap:wrap}.tl-steps .tl-experience{flex-basis:100%;margin:8px 0 0}

.tl-steps li .tl-experience b::before{content:none}.tl-steps li a.tl-experience,.tl-steps li a.tl-experience :is(b,small){text-decoration:none}

.tl-compose-form{display:grid;gap:10px}.tl-compose-form label{font:600 14px/1.6 var(--font-body);margin-top:6px}.tl-compose-form :is(textarea,select){box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #879b8b;border-radius:10px;background:#fffefa;color:#213b32;font:16px/1.7 var(--font-body)}.tl-compose-form textarea{resize:vertical}.tl-compose-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.tl-compose-actions button{min-height:48px}.tl-delete-post{min-height:44px;margin-top:12px;border:0;border-top:1px solid #e1e6df;background:none;color:#963d30;font:14px var(--font-body);cursor:pointer}.tl-compose-form :is(textarea,select,button):focus-visible{outline:3px solid #659978;outline-offset:3px}

.tl-compose-form .tl-compose{width:auto;min-width:104px;padding:10px 20px;border-radius:12px;font:600 14px var(--font-body)}

.tl-post-time{display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}