@font-face{font-family:'TikTok Sans';src:url('./assets/tiktok-sans-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* Local v2: mobile app, 'TikTok Sans', blue/black service carousel and knowledge feed. */
:root{color-scheme:light;--bg:#fff;--ink:#202020;--muted:#76767b;--line:#e5e5e7;--soft:#f4f4f5;--blue:#397ee9;--app-width:520px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f1f1f2;color:var(--ink);font:400 16px/1.45 'TikTok Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}button:disabled{cursor:default;opacity:.3}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #387ee9;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.16}img{max-width:100%;display:block}svg{display:block;width:22px;height:22px}button:active:not(:disabled){opacity:.82}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-90px;left:10px;z-index:80;background:white;padding:12px}.skip-link:focus{top:10px}
.preview-label{text-align:center;font-size:11px;color:#777;margin:20px 0 12px}.mini-app{max-width:var(--app-width);min-height:calc(100dvh - 48px);margin:auto;background:white;border-radius:22px 22px 0 0;overflow:clip;padding-bottom:104px}.app-header{margin:0 20px;padding:23px 0 19px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dadadd}.app-header h1{font-size:22px;font-weight:650;letter-spacing:-.05em}.app-header h1 span{color:var(--muted);font-weight:550}.app-header p{font-size:11px;color:var(--muted);margin-top:6px}.avatar{display:grid;place-items:center;border-radius:50%;flex:none;font-weight:550;letter-spacing:-.04em}.owner-avatar{background:#eee9e2;color:#5c5143;width:38px;height:38px;font-size:19px}
.services-section{padding-top:17px}.service-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:20px;padding:0 20px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.service-rail::-webkit-scrollbar{display:none}.service-slide{flex:0 0 calc(100% - 12px);min-width:0;scroll-snap-align:start}.service-caption{padding-bottom:15px;min-height:90px}.service-caption>p{font-size:12px;font-weight:650;letter-spacing:.025em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.service-caption h2{font-size:24px;font-weight:650;margin-bottom:6px}.service-caption>span{display:block;font-size:15px;color:var(--muted);letter-spacing:-.035em}
.service-art{width:100%;height:270px;padding:28px 25px 21px;border-radius:22px;position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;justify-content:space-between;color:white}.personal-art{background:#397ee9}.project-art{background:#232324}.service-art:before,.service-art:after{content:'';position:absolute;width:54px;height:154px;border-radius:24px;background:#ffffff24;top:44px;pointer-events:none}.service-art:before{left:-35px}.service-art:after{right:-35px}.project-art:before,.project-art:after{background:#ffffff13}.paper-card{position:relative;background:white;color:#232323;border-radius:22px;padding:17px 16px 19px;z-index:1}.paper-top{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:-.04em}.small-avatar{display:grid;place-items:center;border:1px solid #333;border-radius:50%;width:23px;height:23px;font-size:11px;flex:none;font-weight:650}.paper-top strong{font-weight:650}.online{font-size:11px;color:#4d7550;font-weight:650;margin-left:auto}.paper-card h3{font-size:20px;font-weight:650;line-height:1.2;margin:13px 0 15px;letter-spacing:-.05em}.topic-tags{display:flex;flex-wrap:wrap;gap:6px}.topic-tags span{border-radius:30px;background:#f0f0f1;color:#707074;font-weight:600;font-size:11px;line-height:1.2;padding:5px 9px;white-space:nowrap}.art-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;letter-spacing:-.045em;position:relative;z-index:1;margin-top:18px;color:#fff}.art-arrow{font-size:23px;font-weight:300;margin-left:auto;margin-right:12px}.art-cta{background:#ffffff24;border-radius:30px;font-size:14px;font-weight:650;padding:7px 16px;color:white}.project-art .art-cta{background:#ffffff29}
.rail-controls{display:flex;justify-content:space-between;align-items:center;margin:8px 20px 2px;height:25px}.rail-controls>div{display:flex;gap:6px}.rail-controls button{height:28px;width:30px;border-radius:30px;color:#737378;font-size:20px;line-height:1}.rail-controls button:hover:not(:disabled){background:var(--soft)}.rail-dots{display:flex;gap:4px}.rail-dots i{display:block;width:4px;height:4px;background:#d8d8dc;border-radius:50%}.rail-dots i.active{width:12px;background:#303030}
.library{padding-top:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:12px}.section-heading h2{font-size:20px;font-weight:650;letter-spacing:-.04em}.icon-button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-button:hover{background:#f1f1f2}.icon-button[aria-pressed=true] svg{fill:#202020}.filter-tabs{display:flex;gap:12px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:0 20px 16px;white-space:nowrap}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{font-size:15px;font-weight:550;letter-spacing:-.045em;color:#78787e;padding:6px 0;min-height:34px;flex:none}.filter-tabs button[aria-pressed=true]{background:#202020;color:white;border-radius:24px;padding:6px 13px}.tab-divider{height:16px;width:1px;background:#aaa;flex:none;margin:0 2px}.search-panel{display:flex;gap:8px;margin:0 20px 16px}.search-panel label:first-child{flex:1;min-width:0}.search-panel input,.search-panel select{width:100%;border:1px solid #d9d9df;border-radius:12px;background:#f8f8f9;padding:11px;font-size:13px;min-width:0}.search-panel select{max-width:130px}.library-note{display:flex;align-items:center;gap:12px;border-radius:14px;background:#f4f4f5;padding:15px 17px;margin:0 20px 18px}.note-icon{background:#4f92ed;border:2px solid #a8d0ff;color:white;border-radius:14px;display:grid;place-items:center;width:45px;height:27px;font-size:19px;flex:none}.library-note p{font-size:13px;line-height:1.45;letter-spacing:-.035em}.library-note strong{font-weight:550}
.material-feed{padding:0 20px}.material-card{border-bottom:1px solid #e8e8eb;padding:18px 0 22px}.material-card:first-child{padding-top:0}.feed-author{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:13px;letter-spacing:-.035em}.feed-avatar{width:30px;height:30px;border:1px solid #e5e5e5;background:#f7f5f0;color:#6f6555;font-size:12px}.author-name{font-weight:650}.feed-category{color:#78787e;font-size:12px}.card-open{display:block;text-align:left;padding:0;width:100%;font-size:17px;font-weight:600;letter-spacing:-.04em;line-height:1.35;margin-bottom:6px}.card-description{font-size:14px;line-height:1.5;letter-spacing:-.025em;color:#4d4d52}.feed-preview{display:block;width:100%;text-align:left;margin:14px 0 12px;border-radius:14px;background:#f0f0f3;padding:20px;min-height:126px;position:relative;overflow:hidden}.preview-kicker{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#666a72;display:block;margin-bottom:9px}.preview-title{font-size:24px;font-weight:650;letter-spacing:-.055em;line-height:1.15;display:block;max-width:85%}.preview-experience{background:#edf1f8}.preview-brain{background:#eeeaf5}.preview-promotion{background:#eaf0ed}.preview-symbol{position:absolute;right:17px;bottom:13px;font-size:40px;font-weight:300;opacity:.35}.preview-source{min-height:90px;background:#f5f5f6}.preview-source .preview-title{font-size:24px}.preview-source .preview-kicker{margin-top:1px}.feed-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.format-label{font-size:11px;color:#76767d}.read-link{background:#f1f1f3;border-radius:20px;font-size:12px;min-height:32px;padding:6px 12px;margin-left:auto}.bookmark-button{width:32px;height:32px;padding:7px;margin-left:3px;border-radius:50%}.bookmark-button svg{fill:none;stroke:#74747b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.bookmark-button[aria-pressed=true] svg{fill:#222;stroke:#222}
.empty-state,.profile-empty{padding:25px 20px;background:#f5f5f6;border-radius:14px;color:#777;font-size:14px}.empty-state{margin:18px 20px}.empty-state h3{font-size:20px;color:#222;margin-bottom:8px}.empty-state button{margin-top:16px}.app-footer{text-align:center;font-size:11px;color:#76767d;line-height:1.8;padding:30px 20px 0}
.bottom-nav{position:fixed;z-index:10;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:6px;background:#f4f4f5f2;border:1px solid #eeeeef;border-radius:45px;box-shadow:0 3px 24px #0000000a;backdrop-filter:blur(18px)}.bottom-nav button{height:44px;min-width:49px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;border-radius:35px;color:#818187;font-size:14px;font-weight:650;white-space:nowrap}.bottom-nav button.active{background:#e0e0e2;color:#202020}.bottom-nav svg{fill:currentColor;stroke:none;width:22px;height:22px}.bottom-nav .home-line{fill:none;stroke:#ececec;stroke-width:2;stroke-linecap:round}.bottom-nav .nav-profile-label{display:none}.bottom-nav button.active .nav-profile-label{display:inline}
.profile-view{padding:22px 20px 0}.profile-header{text-align:center;padding:8px 0 26px}.profile-header .avatar{margin:0 auto 15px;width:60px;height:60px;font-size:26px}.profile-header h1{font-size:26px;margin-bottom:9px}.profile-header p{font-size:13px;color:#78787f}.profile-view>h2,.saved-heading h2{font-size:21px;font-weight:650;letter-spacing:-.04em;margin-bottom:15px}.profile-view h2>span{font-size:13px;font-weight:500;color:#777;vertical-align:middle;margin-left:5px}.profile-view .material-feed{padding:0}.saved-heading{padding:0;margin-top:30px}.saved-heading h2{margin:0}.inline-link{padding:10px 0 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:550;color:#333}.local-note{font-size:11px;line-height:1.65;color:#76767c;margin:26px 0 0}.draft-card{border:1px solid #e3e3e8;border-radius:16px;padding:17px;margin-bottom:10px}.draft-card h3{font-size:17px;letter-spacing:-.04em;margin-bottom:9px}.draft-card p{font-size:13px;white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere;color:#5e5e65}.draft-card>div{display:flex;gap:18px;margin-top:12px}.draft-card button{font-size:12px;color:#555;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.black-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;background:#171717;color:white;border-radius:15px;font-size:15px;font-weight:600;padding:13px 18px;text-decoration:none}.black-button:disabled{opacity:.3}.app-dialog{border:0;margin:0 auto;padding:0;background:white;color:#222;max-width:var(--app-width);width:100%;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}.app-dialog::backdrop{background:#dedee2ba;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-header{position:sticky;top:0;z-index:2;background:#fffffff5;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #ececef;min-height:62px}.dialog-header>span{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-button,.close-button{width:34px;height:34px;flex:none;display:grid;place-items:center;font-size:25px;font-weight:350;border-radius:50%}.back-button:hover,.close-button:hover{background:#f1f1f3}
.reader-content{padding:26px 24px 50px}.reader-meta{font-size:12px;color:#76767d;margin-bottom:13px}.reader-content h1{font-size:28px;line-height:1.16;letter-spacing:-.05em;margin-bottom:18px;font-weight:650}.reader-content h2{font-size:21px;line-height:1.2;letter-spacing:-.045em;margin:30px 0 13px}.reader-content p,.reader-content li{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.reader-content p{margin:15px 0}.reader-content li{margin:7px 0}.reader-content ul{padding-left:20px}.reader-content .draft-note{font-size:11px;color:#727279;background:#f5f5f6;padding:12px 14px;border-radius:12px;margin:19px 0}.prompt-box{background:#f5f5f6;border-radius:15px;padding:17px;margin:20px 0}.prompt-box p{font-size:13px;white-space:pre-wrap;margin:0 0 15px}.prompt-box button{border:1px solid #d6d6db;border-radius:9px;padding:9px 12px;font-size:12px;background:white}.source-link{display:flex;padding:14px 0;text-decoration:underline;font-size:14px}.reader-work{border-top:1px solid #e5e5e8;margin-top:30px;padding-top:12px}.reader-work p{font-size:13px;color:#777}
.question-dialog{display:none;flex-direction:column;overflow:hidden}.question-dialog[open]{display:flex}.question-content{padding:25px 22px 20px;flex:1;overflow-y:auto;overscroll-behavior:contain}.question-progress{display:flex;align-items:center;gap:10px;font-size:11px;color:#76767d;margin-bottom:26px}.progress-track{height:3px;background:#eee;flex:1;border-radius:10px;overflow:hidden}.progress-track span{display:block;background:#353535;height:100%;border-radius:10px;transition:width .2s}.question-content h1{font-size:28px;font-weight:650;line-height:1.15;letter-spacing:-.05em;margin-bottom:12px}.question-hint{font-size:13px;color:#76767d;line-height:1.5;margin-bottom:24px}.answer-list{display:grid;gap:10px}.answer-option{display:flex;gap:12px;align-items:center;width:100%;border:1px solid #e2e2e6;border-radius:15px;text-align:left;padding:16px;font-size:14px;line-height:1.4;min-height:57px}.answer-option span{width:19px;height:19px;border:1.5px solid #b4b4bb;border-radius:50%;flex:none;display:grid;place-items:center}.answer-option[aria-checked=true]{border:1.5px solid #292929;background:#f7f7f8;padding:15.5px}.answer-option[aria-checked=true] span{background:#222;border-color:#222}.answer-option[aria-checked=true] span:after{content:'';width:6px;height:6px;border-radius:50%;background:white}.custom-field{display:block;margin-top:15px}.custom-field>span{font-size:12px;color:#777;display:block;margin-bottom:8px}.custom-field textarea,.request-field textarea{width:100%;resize:vertical;min-height:105px;border:1px solid #b9b9c2;border-radius:13px;padding:14px;background:#fafafa;font-size:15px;line-height:1.6}.custom-count{font-size:11px;color:#76767d;margin-top:5px;text-align:right}.question-actions{padding:14px 22px max(18px,env(safe-area-inset-bottom));background:white;border-top:1px solid #ececef;flex:none}.skip-button{width:100%;padding:13px 0 1px;font-size:13px;color:#777}.request-field{display:block;margin:24px 0 12px}.request-field>span{display:block;font-size:12px;color:#777;margin-bottom:8px}.request-field textarea{min-height:190px}.request-footnote{font-size:11px;color:#76767d;line-height:1.6}.edit-answers{padding:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;margin-top:20px}.success-icon{height:64px;width:64px;border-radius:50%;background:#eef3eb;color:#54744b;display:grid;place-items:center;font-size:28px;margin:25px 0}.request-preview{padding:18px;background:#f6f6f7;border-radius:14px;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0}.dialog-feedback{position:absolute;top:calc(100% + 8px);right:16px;left:16px;background:#252525;color:white;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:400;white-space:normal;box-shadow:0 8px 30px #0002}.toast{position:fixed;z-index:20;left:50%;bottom:90px;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#282828;color:white;border-radius:12px;padding:12px 17px;font-size:13px;max-width:calc(100vw - 32px);width:max-content;text-align:center;transition:opacity .15s,transform .15s}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:540px){body{background:white}.preview-label{display:none}.mini-app{border-radius:0;min-height:100dvh}.app-header{padding-top:max(21px,env(safe-area-inset-top))}.app-dialog{max-width:none}.service-art{height:260px;padding:26px 24px 20px}.paper-card{padding:16px 15px 18px}.paper-card h3{font-size:19px}.app-header h1{font-size:21px}}
@media(max-width:359px){.app-header{margin:0 16px;gap:8px}.app-header h1{font-size:19px}.app-header h1 span{display:block}.app-header p{font-size:10px}.service-rail{padding:0 16px;scroll-padding:16px}.service-caption h2{font-size:22px}.service-caption>span{font-size:13px}.service-art{height:256px;padding:25px 18px 18px}.paper-card{padding:14px 12px}.paper-top{font-size:11px}.online{font-size:10px}.paper-card h3{font-size:18px}.topic-tags{gap:5px}.topic-tags span{font-size:10px;padding:5px 8px}.art-footer{font-size:11px;gap:4px}.art-cta{font-size:12px;padding:7px 13px}.art-arrow{margin-right:5px}.section-heading{padding:0 16px}.filter-tabs{padding-left:16px;padding-right:16px;gap:10px}.library-note{margin-left:16px;margin-right:16px;padding:14px 12px}.material-feed{padding:0 16px}.question-content{padding-left:18px;padding-right:18px}.question-content h1{font-size:25px}.bottom-nav button{height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.service-rail{scroll-behavior:auto}}

/* v3: the reference's compact greeting, service rail and author-led post feed. */
:root{--page:#f1f1f2;--bg:#fff;--ink:#202020;--muted:#77777e;--secondary:#515158;--line:#e7e7eb;--soft:#f4f4f6;--control:#fff;--nav:#f1f1f3f0;--nav-active:#dedee2;--glass:#ffffffef}
:root[data-theme=night]{color-scheme:dark;--page:#111214;--bg:#18191c;--ink:#ececef;--muted:#a3a4ae;--secondary:#c5c5ce;--line:#33343a;--soft:#24252b;--control:#202126;--nav:#292a31ee;--nav-active:#42434b;--glass:#18191cf5}
body{background:var(--page)}.mini-app,.app-dialog,.question-actions{background:var(--bg);color:var(--ink)}
.app-header{padding:21px 0 18px;gap:10px;border-color:var(--line)}
.app-header .greeting{font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.04em;white-space:nowrap}.app-header .greeting span{font-weight:450;color:var(--secondary)}
.header-controls{display:flex;gap:12px;align-items:center}.visitor-avatar{width:34px;height:34px;background:linear-gradient(145deg,#f6d99a,#b98335);color:#593714;box-shadow:inset 0 0 0 1px #8b5b2826;font-size:16px;font-weight:550;overflow:hidden}.visitor-avatar img{width:100%;height:100%;object-fit:cover}
.theme-switch{width:66px;height:34px;padding:2px;flex:none;position:relative;border-radius:50px;border:1px solid #c9c4a3;background:linear-gradient(120deg,#dce5c9,#a8b795);box-shadow:inset 0 1px 4px #465c3730,0 1px 3px #0000000c;transition:background .4s,border-color .4s}
.theme-knob{position:absolute;left:2px;top:2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fffcddcc,#d2ceb9bd);border:1px solid #fff7cc9e;box-shadow:inset 0 1px 2px #fff9,0 1px 4px #4852304f;backdrop-filter:blur(5px);transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s;transform:translateX(0)}
.theme-knob svg{grid-area:1/1;width:19px;height:19px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s,transform .4s}.theme-sun{stroke:#967208;filter:drop-shadow(0 0 3px #fff190);opacity:1;transform:rotate(0)}.theme-moon{stroke:#edf7ff;opacity:0;transform:rotate(-30deg) scale(.7)}.theme-stars{position:absolute;left:9px;top:5px;color:#ecf2ff;font-size:18px;letter-spacing:2px;opacity:0;transition:opacity .3s}
[data-theme=night] .theme-switch{border-color:#617d9a;background:linear-gradient(120deg,#193955,#35688a)}[data-theme=night] .theme-knob{transform:translateX(32px);background:linear-gradient(135deg,#acccdbb0,#597d94e6);border-color:#c1dbe1a3}[data-theme=night] .theme-sun{opacity:0;transform:rotate(45deg) scale(.7)}[data-theme=night] .theme-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=night] .theme-stars{opacity:.8}
.services-section{padding-top:16px}.service-caption{min-height:93px;padding-bottom:16px;display:flex;flex-direction:column;justify-content:flex-start}.service-caption>p{font-size:10px;font-weight:550;letter-spacing:.055em;margin-bottom:6px}.service-caption h2{font-size:20px;line-height:1.2;letter-spacing:-.045em;margin-bottom:5px;max-width:22ch}.service-caption>span{font-size:14px;line-height:1.4}.service-art{border-radius:20px}.small-avatar{border:0;object-fit:cover}
.library{padding-top:22px}.feed-toolbar{display:flex;align-items:center;gap:5px;margin:0 20px 20px}.filter-tabs{padding:0;gap:12px;min-width:0;flex:1}.filter-tabs button{font-size:13px;min-height:30px;font-weight:450;letter-spacing:-.03em;color:var(--muted)}.filter-tabs button[aria-pressed=true]{padding:5px 11px;background:var(--ink);color:var(--bg)}.tab-divider{background:var(--line);margin:0}.feed-toolbar .icon-button{height:30px;width:26px;color:var(--muted)}.feed-toolbar .icon-button svg{width:17px;height:17px}.icon-button:hover{background:var(--soft)}
.material-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;border-color:var(--line);padding:23px 0}.material-card:first-child{padding-top:0}.feed-avatar{width:32px;height:32px;border:0;object-fit:cover;background:transparent}.feed-author{gap:4px;margin-bottom:6px;flex-wrap:wrap;font-size:12px;line-height:1.3;letter-spacing:-.025em;min-height:20px}.author-name{font-weight:600}.feed-category{font-size:12px;color:var(--muted)}.post-content{min-width:0}.card-open{font-size:15px;font-weight:550;letter-spacing:-.025em;line-height:1.4;margin-bottom:5px}.card-description{font-size:14px;line-height:1.55;letter-spacing:-.025em;color:var(--ink)}.post-image{padding:0;display:block;width:100%;margin:13px 0 11px;border-radius:12px;overflow:hidden}.post-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 60%}.feed-preview{margin-top:13px;border-radius:12px;padding:18px;min-height:140px;color:#252630}.preview-title{font-size:24px}.post-source{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--ink);margin:1px 0 4px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.post-source span{color:var(--muted)}.feed-actions{gap:3px;margin-top:7px}.read-link{background:var(--soft);font-size:11px;min-height:29px}.format-label{color:var(--muted);font-size:10px}.bookmark-button{width:29px;height:29px;padding:5px}.bookmark-button svg{stroke:var(--muted)}.bookmark-button[aria-pressed=true] svg{fill:var(--ink);stroke:var(--ink)}
.profile-header .visitor-avatar{width:60px;height:60px;font-size:25px}.profile-header .identity-note{font-size:12px;line-height:1.6;max-width:29ch;margin:10px auto 0;color:var(--muted)}
.bottom-nav{background:var(--nav);border-color:var(--line)}.bottom-nav button{color:var(--muted)}.bottom-nav button.active{background:var(--nav-active);color:var(--ink)}.bottom-nav .home-line{stroke:var(--nav-active)}
.dialog-header{background:var(--glass);border-color:var(--line)}.black-button{background:var(--ink);color:var(--bg)}.back-button:hover,.close-button:hover{background:var(--soft)}.reader-content .draft-note,.prompt-box,.request-preview,.profile-empty,.empty-state{background:var(--soft);color:var(--secondary)}.reader-work,.draft-card,.question-actions{border-color:var(--line)}.reader-work p,.draft-card p,.profile-header p,.question-hint,.question-progress,.request-footnote,.custom-count,.local-note,.reader-meta,.reader-content .draft-note{color:var(--muted)}.draft-card button,.inline-link{color:var(--secondary)}.empty-state h3{color:var(--ink)}.search-panel input,.search-panel select,.custom-field textarea,.request-field textarea,.prompt-box button{background:var(--control);border-color:var(--line);color:var(--ink)}.answer-option{border-color:var(--line)}.answer-option[aria-checked=true]{border-color:var(--ink);background:var(--soft)}.answer-option[aria-checked=true] span{background:var(--ink);border-color:var(--ink)}.answer-option[aria-checked=true] span:after{background:var(--bg)}.progress-track{background:var(--soft)}.progress-track span{background:var(--ink)}.skip-button,.custom-field>span,.request-field>span{color:var(--muted)}.icon-button[aria-pressed=true] svg{fill:var(--ink)}
[data-theme=night] .app-dialog::backdrop{background:#090b10ba}[data-theme=night] .preview-experience{background:#293849;color:#e9edf4}[data-theme=night] .preview-brain{background:#353044;color:#ede8f8}[data-theme=night] .preview-promotion{background:#293d33;color:#eaf1eb}[data-theme=night] .preview-source{background:#2c2e36;color:#ebebf1}[data-theme=night] .preview-kicker{color:#b6bdc9}[data-theme=night] .toast,[data-theme=night] .dialog-feedback{background:#edeef2;color:#23252b}
@media(max-width:540px){body{background:var(--bg)}.app-header{padding-top:max(20px,env(safe-area-inset-top))}.service-art{height:265px}.profile-view .material-card{grid-template-columns:30px minmax(0,1fr)}}
@media(max-width:359px){.app-header .greeting{font-size:15px}.app-header .greeting span{display:inline}.header-controls{gap:8px}.theme-switch{width:58px}.theme-knob{width:28px}[data-theme=night] .theme-knob{transform:translateX(24px)}.visitor-avatar{width:30px;height:30px}.service-caption h2{font-size:18px}.service-caption>span{font-size:13px}.service-caption{min-height:89px}.feed-toolbar{margin-left:16px;margin-right:16px;gap:3px}.filter-tabs{gap:10px}.filter-tabs button{font-size:12px}.material-card{grid-template-columns:28px minmax(0,1fr);gap:8px}.feed-avatar{width:28px;height:28px}.feed-author,.feed-category{font-size:11px}.card-open,.card-description{font-size:13px}.post-source{font-size:12px}}
/* Equal artwork baseline even when a service title wraps onto a second line. */
.service-slide{display:grid;grid-template-rows:1fr auto}
.skip-link{background:var(--bg);color:var(--ink)}
.profile-view h2>span{color:var(--muted)}

/* v4: equal service cards, category faces and a shared navigation indicator. */
.service-caption{min-height:0;padding-bottom:16px}
.service-caption h2{font-size:20px;line-height:1.2;letter-spacing:-.035em;max-width:none}
.service-caption h2 span{display:block}
.service-art{height:300px;padding:22px 22px 18px}
.service-art:before,.service-art:after{width:74px;height:185px;top:37px;border:1px solid #ffffff36;background:#ffffff16}
.service-art:before{left:-57px;transform:rotate(-7deg)}.service-art:after{right:-57px;transform:rotate(7deg)}
.service-art .paper-card{width:100%;padding:15px 16px 16px;background:#ffffffbd;border:1px solid #ffffffe0;box-shadow:inset 0 1px 0 #fff,0 8px 26px #51200012;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);color:#242321}
.service-art .paper-card h3{font-size:26px;line-height:1.12;font-weight:600;letter-spacing:-.04em;margin:12px 0 14px}
.service-art .topic-tags{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.service-art .topic-tags span{background:#ffffff8c;color:#4c4946;text-align:center;font-weight:500;padding:5px 7px;font-size:11px}
.service-art .art-footer{font-size:12px;letter-spacing:-.02em;margin-top:16px;color:#301400}
.service-art .art-cta{font-size:12px;font-weight:550;background:#ffffff90;color:#301400;padding:8px 16px;border:1px solid #ffffff7d;backdrop-filter:blur(10px)}
.service-art.project-art .art-footer,.service-art.project-art .art-cta{color:#142644}
.service-art .art-arrow{font-size:22px;line-height:1;margin-right:5px}
.filter-tabs{gap:7px;scroll-padding-inline:5px}
.filter-tabs button,.filter-tabs button[aria-pressed=true]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;min-height:38px;border-radius:999px;line-height:1.2;color:var(--secondary);transition:background .2s,color .2s}
.filter-tabs button[data-category=all]{padding-inline:14px;min-width:52px}
.filter-tabs [data-category=tools]{--category-color:var(--category-tools)}
.filter-tabs [data-category=knowledge]{--category-color:var(--category-knowledge)}
.filter-tabs [data-category=about]{--category-color:var(--category-about)}
.filter-tabs .category-face{width:24px;height:24px;flex:none}
.filter-tabs button[aria-pressed=true] .category-face{background:#fff;border-radius:50%;padding:2px}
.filter-tabs button:hover:not([aria-pressed=true]){background:var(--soft)}
.feed-toolbar{margin-bottom:22px}
.feed-toolbar .icon-button{width:30px;height:38px}
.feed-preview{min-height:108px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.preview-kicker{margin:0;font-size:9px;color:#59565c;letter-spacing:.055em}
.preview-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;width:100%}
.preview-title,.preview-source .preview-title{max-width:15ch;font-size:22px;line-height:1.12;letter-spacing:-.035em;font-weight:600}
.preview-symbol{position:static;width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transform:translateY(-2px)}
.post-image img{aspect-ratio:auto;height:auto;object-fit:contain}
.bottom-nav{width:280px;max-width:calc(100% - 32px);display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px;isolation:isolate;background:var(--nav);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.bottom-nav .nav-indicator{position:absolute;z-index:-1;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/2);border-radius:999px;background:var(--nav-active);border:1px solid #ffffff5c;box-shadow:0 1px 3px #00000005;transition:transform .38s cubic-bezier(.22,1,.36,1),background .25s}
.bottom-nav[data-active-view=profile] .nav-indicator{transform:translateX(100%)}
.bottom-nav button{min-width:0;padding:0 10px;height:44px;transition:color .25s}
.bottom-nav button.active{background:transparent}
.bottom-nav .nav-profile-label{display:inline}
.bottom-nav .home-line{stroke:var(--nav-active)}
@media(max-width:359px){.service-caption h2{font-size:18px}.service-art{height:290px;padding:20px 17px 17px}.service-art .paper-card{padding:14px 12px}.service-art .paper-card h3{font-size:25px}.service-art .art-footer{font-size:11px}.filter-tabs button{font-size:12px}.preview-title,.preview-source .preview-title{font-size:20px}.preview-symbol{width:24px;height:24px}.feed-preview{padding:14px;min-height:104px}}

/* v5: lighter glass, quiet categories and a compact expanding navigation. */
.service-caption h2{white-space:nowrap}
.service-art .paper-card{background:var(--glass-card);border:1px solid #ffffffae;box-shadow:inset 0 1px 1px #fffffff0,inset 0 -1px 1px #ffffff25,0 7px 24px #533f5a10;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.paper-card:before{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff45,transparent 25%,transparent 75%,#ffffff15);box-shadow:inset 1px 0 0 #ffffff30}
.paper-card>*{position:relative}
.service-art .topic-tags span{background:#ffffff55;color:#34312f}
.service-art .paper-card .online{color:#48413e}
.service-art .art-footer{margin-top:16px}
.service-art .art-arrow{display:block;margin:0 auto 0 0;line-height:1}
.art-arrow svg{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.feed-toolbar{margin-bottom:20px}
.filter-tabs{gap:6px;align-items:center;padding-bottom:4px}
.filter-tabs button,.filter-tabs button[aria-pressed=true]{min-height:36px;padding:7px 9px;position:relative;border-radius:0;font-weight:450;letter-spacing:-.025em}
.filter-tabs button[data-category=all]{border-radius:99px;min-width:44px;padding-inline:12px}
.filter-tabs button:not([data-category=all]):after{content:'';position:absolute;bottom:1px;height:2px;left:9px;right:9px;background:var(--category-color);border-radius:2px;opacity:0;transform:scaleX(.55);transition:opacity .2s,transform .25s}
.filter-tabs button[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}
.filter-tabs button:hover:not([aria-pressed=true]){background:transparent;color:var(--ink)}
.preview-symbol{width:32px;height:32px;opacity:.85;stroke:none;fill:currentColor;transform:translateY(-1px)}
.preview-experience .preview-symbol{color:#a74520}.preview-brain .preview-symbol{color:#245db2}.preview-promotion .preview-symbol{color:#80610f}
[data-theme=night] .preview-experience .preview-symbol{color:#f7b18d}[data-theme=night] .preview-brain .preview-symbol{color:#9cc8ff}[data-theme=night] .preview-promotion .preview-symbol{color:#e8c65e}
.bottom-nav{width:232px;grid-template-columns:1fr 50px;gap:4px;background:var(--glass-panel);border-color:#ffffffb3;box-shadow:0 8px 32px #29233318,inset 0 1px 1px #ffffffdb,inset 0 -1px 1px #ffffff38;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);transition:grid-template-columns .38s cubic-bezier(.22,1,.36,1),background .25s}
.bottom-nav[data-active-view=profile]{grid-template-columns:50px 1fr}
.bottom-nav .nav-indicator{width:calc(100% - 66px);background:var(--glass-selected);border:1px solid #ffffffb3;box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -1px 1px #ffffff25,0 2px 8px #3d32450d;backdrop-filter:blur(8px)}
.bottom-nav[data-active-view=profile] .nav-indicator{transform:translateX(54px)}
.bottom-nav button{gap:0;padding:0 10px;color:var(--secondary);min-width:0;overflow:hidden;transition:color .25s,gap .38s}
.bottom-nav button.active{gap:8px}
.bottom-nav button svg{flex:none;width:21px;height:21px}
.bottom-nav .nav-label{display:block;max-width:0;opacity:0;overflow:hidden;transform:translateX(-4px);transition:max-width .38s cubic-bezier(.22,1,.36,1),opacity .22s,transform .38s}
.bottom-nav button.active .nav-label{max-width:88px;opacity:1;transform:translateX(0)}
.bottom-nav .home-line{stroke:var(--bg)}
[data-theme=night] .bottom-nav{border-color:#ffffff30;box-shadow:0 8px 32px #00000038,inset 0 1px 1px #ffffff35,inset 0 -1px 1px #ffffff0d}
[data-theme=night] .bottom-nav .nav-indicator{border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff55,0 2px 8px #00000016}
@media(max-width:359px){.service-caption>span{font-size:12px}.filter-tabs{gap:4px}.filter-tabs button,.filter-tabs button[aria-pressed=true]{font-size:12px;padding-inline:7px}.filter-tabs button:not([data-category=all]):after{left:7px;right:7px}.preview-symbol{width:28px;height:28px}}

/* v6: one compact post format; actions belong to the header and cover. */
.material-card{padding:20px 0;gap:10px}
.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:32px;margin-top:-6px;margin-bottom:3px}
.feed-heading .feed-author{margin:0;min-height:0;line-height:1.4}
.feed-heading .bookmark-button{width:36px;height:36px;flex:0 0 36px;margin:0 -6px 0 0;padding:8px;display:grid;place-items:center;border-radius:9px}
.feed-heading .bookmark-button:hover{background:var(--soft)}
.bookmark-button svg{width:19px;height:19px;stroke:var(--secondary);stroke-width:1.5}
.card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--secondary)}
.card-open{font-size:15px;line-height:1.35;margin-bottom:6px;letter-spacing:-.025em}
.feed-cover{position:relative;width:100%;aspect-ratio:16/9;min-height:0;margin:12px 0 0;border-radius:14px;overflow:hidden}
.post-image.feed-cover{padding:0;display:block}
.post-image.feed-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 15%}
.feed-preview.feed-cover{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:20px 66px 20px 20px}
.feed-cover .preview-title{font-size:24px;line-height:1.12;letter-spacing:-.035em;max-width:15ch;font-weight:550}
.feed-cover .preview-kicker{font-size:10px;letter-spacing:0;text-transform:none;color:inherit;opacity:.75}
.preview-open{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:#ffffffc4;color:#242321;display:grid;place-items:center;border:1px solid #ffffffb8;backdrop-filter:blur(10px);transition:transform .2s}
.preview-open svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feed-cover:hover .preview-open{transform:translateX(2px)}
.preview-pink{background:var(--surface-pink);color:#4c2947}.preview-blue{background:var(--surface-blue);color:#20436b}
[data-theme=night] .preview-pink{background:#422e40;color:#f5e5f1}[data-theme=night] .preview-blue{background:#21354e;color:#e8f0fa}
[data-theme=night] .feed-preview .preview-open{background:#ffffff1f;color:inherit;border-color:#ffffff38}
.resource-links{list-style:none;padding:0!important;display:grid;gap:7px;margin:14px 0 20px}
.resource-links li{margin:0!important}.resource-links a{display:block;padding:10px 0;color:var(--ink);text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.reader-content .prompt-box p{max-height:340px;overflow:auto}
@media(max-width:359px){.feed-cover .preview-title{font-size:20px}.feed-preview.feed-cover{padding:16px 54px 16px 16px;gap:7px}.preview-open{right:8px;bottom:8px;width:34px;height:34px}.feed-heading .feed-author{font-size:10px}.feed-heading .feed-category{font-size:10px}.card-open,.card-description{font-size:13px}.service-art .paper-card h3{font-size:24px}}

/* Compact editorial rows. Covers stay secondary to the title. */
.material-card,.profile-view .material-card{display:block;padding:14px 0}
.feed-heading{margin:0 0 10px;min-height:28px}
.feed-heading .feed-author{gap:6px;font-size:11px;flex-wrap:nowrap}
.feed-heading .feed-avatar{width:23px;height:23px;margin-right:1px}
.feed-heading .feed-category{font-size:11px}
.feed-heading .bookmark-button{width:32px;height:32px;flex-basis:32px;margin-right:0;padding:7px}
.feed-summary{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:center}
.feed-copy{min-width:0}
.card-open{font-size:15px;line-height:1.3;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-description{font-size:12px;line-height:1.45;-webkit-line-clamp:2}
.feed-cover{width:112px;height:104px;aspect-ratio:auto;margin:0;border-radius:12px}
.post-image.feed-cover img{object-position:center 17%;transform:scale(2);transform-origin:50% 20%}
.feed-preview.feed-cover{padding:12px 10px 30px;gap:0;justify-content:center}
.feed-cover .preview-kicker{display:none}
.feed-cover .preview-title{font-size:14px;line-height:1.12;font-weight:550;letter-spacing:-.03em}
.preview-open{right:8px;bottom:6px;width:22px;height:22px;background:none!important;border:0;backdrop-filter:none;color:inherit!important;border-radius:0}
.preview-open svg{width:20px;height:20px}
.post-image .preview-open{color:#252321!important}
.service-details{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.4;color:#45413e;margin-top:9px;white-space:nowrap}
.service-duration{display:inline-flex;align-items:center;gap:5px}
.service-duration svg{height:13px;width:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-details .online{font-size:10px;font-weight:450;color:inherit;margin:0}
.service-art .paper-card h3{margin-top:10px}
@media(max-width:359px){.feed-summary{grid-template-columns:minmax(0,1fr) 94px;gap:12px}.feed-cover{width:94px;height:98px}.feed-cover .preview-title{font-size:13px}.card-open{font-size:14px}.card-description{font-size:12px}.feed-heading .feed-author,.feed-heading .feed-category{font-size:10px}.service-details{gap:5px;font-size:9px}.service-details .online{font-size:9px}}

/* Selected Oreo Doodle SVGs, MIT. Motion responds to interaction, never loops. */
svg.doodle-icon{fill:none!important;stroke:currentColor!important;stroke-width:3.4!important;stroke-linecap:round;stroke-linejoin:round}
.bookmark-button[aria-pressed=true] svg.doodle-icon,#reader-save[aria-pressed=true] svg.doodle-icon{fill:currentColor!important}
.bookmark-button{color:var(--secondary)}.bookmark-button[aria-pressed=true]{color:var(--ink)}
.bottom-nav button svg.doodle-icon{width:24px;height:24px}
.cover-doodle{display:grid;place-items:center;width:100%;padding-top:12px}
.cover-doodle svg{width:40px;height:40px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.feed-cover:hover .cover-doodle svg,.feed-cover:focus-visible .cover-doodle svg{transform:rotate(-5deg) scale(1.06)}
.bookmark-button[aria-pressed=true] svg{animation:save-settle .3s ease-out 1}
@keyframes save-settle{50%{transform:scale(1.14) rotate(-4deg)}}
.card-open,.feed-cover{scroll-margin-block:110px}
@media(prefers-reduced-motion:reduce){.cover-doodle svg,.preview-open{transition:none!important}.bookmark-button svg{animation:none!important}.feed-cover:hover .cover-doodle svg,.feed-cover:focus-visible .cover-doodle svg{transform:none}}

/* v8: a quiet cover family and clear reading actions. */
.feed-summary{align-items:start}
.feed-preview.feed-cover.cover-neutral{background:#f2f2f2;color:#383838;padding:8px 8px 22px;justify-content:center}
[data-theme=night] .feed-preview.feed-cover.cover-neutral{background:#2b2d31;color:#e0e0e1}
.cover-sketch{width:100%;height:76px;flex:none}
.sketch-paper{fill:#fff}.sketch-tint{fill:#e1e1e1}.sketch-faint{opacity:.4}
[data-theme=night] .sketch-paper{fill:#36383d}[data-theme=night] .sketch-tint{fill:#50535a}
.paper-top{gap:6px;flex-wrap:nowrap}
.paper-top strong{white-space:nowrap}
.paper-top .service-duration{margin-left:auto;gap:4px;font-size:10px;font-weight:450;letter-spacing:-.02em;white-space:nowrap;flex:none}
.service-art .paper-card h3{margin-top:20px}
.reader-content .prompt-box button,.question-content .edit-answers,.question-actions .skip-button{background:#181818;color:#fff;border:1px solid #181818;border-radius:10px;min-height:42px;padding:10px 14px;text-decoration:none}
.question-actions .skip-button{margin-top:10px}.question-content .edit-answers{margin-bottom:10px}
.app-dialog .black-button{background:#181818;color:#fff;border:1px solid #444}
.app-dialog .black-button:disabled{opacity:.4}
.resource-links{gap:9px;margin:18px 0 24px}
.resource-links .resource-link,.reader-content>.resource-link{display:flex;align-items:center;gap:12px;padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;transition:background .18s,border-color .18s}
.resource-link:hover{border-color:var(--secondary)}
.resource-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--bg);font-size:15px;font-weight:600;letter-spacing:-.06em}
.resource-copy{min-width:0;flex:1;display:grid;gap:3px}.resource-copy strong{font-size:14px;line-height:1.35;font-weight:550;overflow-wrap:anywhere}.resource-copy small{font-size:11px;color:var(--secondary);line-height:1.3}
.resource-arrow{width:18px;height:18px;flex:none}
.article-figure{margin:24px 0 32px;padding:18px;border-radius:16px;background:var(--soft);color:var(--ink)}
.figure-flow{padding:0;margin:0;list-style:none;display:grid;gap:20px}
.reader-content .figure-step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;margin:0}
.figure-sketch{width:96px;height:76px}
.figure-step-copy h3{font-size:14px;line-height:1.3;letter-spacing:-.02em;font-weight:600}
.reader-content .figure-step-copy p{font-size:12px;line-height:1.5;color:var(--secondary);margin:6px 0 0}
.figure-number{font-weight:450;color:var(--secondary)}
.article-figure figcaption{font-size:11px;line-height:1.5;color:var(--secondary);border-top:1px solid var(--line);padding-top:13px;margin-top:18px}
.reader-portrait{margin:24px 0}.reader-portrait img{width:100%;height:260px;object-fit:cover;object-position:50% 20%;border-radius:16px}
@media(max-width:359px){.paper-top{gap:4px;font-size:11px}.paper-top .service-duration{font-size:9px;gap:3px}.service-duration svg{width:11px;height:11px}.article-figure{padding:14px}.reader-content .figure-step{grid-template-columns:66px minmax(0,1fr);gap:10px}.figure-sketch{width:66px;height:64px}}
@media(prefers-reduced-motion:reduce){.resource-link{transition:none!important}}

/* Covers start alongside the author; bookmark sits on the cover. */
.material-card .post-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:16px;row-gap:9px;align-items:start}
.material-card .feed-heading,.material-card .feed-summary{display:contents}
.material-card .feed-author{grid-column:1;grid-row:1;min-height:24px;padding-right:0;flex-wrap:wrap;gap:3px 6px}
.material-card .feed-author .feed-category{margin:0;flex-basis:auto;font-size:10px}
.material-card .feed-copy{grid-column:1;grid-row:2}
.material-card .feed-cover{grid-column:2;grid-row:1 / span 2;height:120px;align-self:start}
.material-card .bookmark-button{position:absolute;right:3px;top:3px;margin:0;width:28px;height:28px;z-index:1;border-radius:7px;color:var(--secondary);background:transparent;padding:6px}
.material-card .bookmark-button:hover{background:var(--bg)}
.feed-preview.feed-cover.cover-neutral{padding:26px 8px 20px}
.post-image.feed-cover .preview-open{background:#ffffffd9!important;border-radius:50%;width:24px;height:24px}
.material-card:has(.post-image) .bookmark-button{background:#ffffffd9;color:#242321}
.personal-art .art-cta,.project-art .art-cta{background:#181818;color:#fff}
@media(max-width:359px){.material-card .post-content{grid-template-columns:minmax(0,1fr) 94px;column-gap:12px}.material-card .feed-cover{height:116px}.material-card .feed-author .feed-category{font-size:10px}}

/* v9: solid navigation icons, distinct from the editorial cover drawings. */
.bottom-nav button svg.navigation-icon{width:24px;height:24px;fill:currentColor;stroke:none;flex:none}

/* v10: display typography, compact service cards and centered controls. */
@font-face{font-family:'Space Transforma Mix';src:url('./assets/transforma-mix-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
body{font-optical-sizing:auto;font-stretch:normal}
.service-caption h2{font-weight:500;letter-spacing:-.025em}
.service-art{height:310px}
.service-art .paper-card{container-type:inline-size}
.service-art .paper-card h3{font-family:'Space Transforma Mix','TikTok Sans',sans-serif;font-weight:600;font-feature-settings:'calt' 1,'ss01' 1;font-synthesis:none;font-size:clamp(19px,8.5cqw,28px);line-height:1.13;min-height:3.39em;margin-top:22px;margin-bottom:18px;letter-spacing:0}
.service-art .paper-card h3>span{display:block;white-space:nowrap}
.service-art .topic-tags{margin-top:0;gap:6px;flex-wrap:wrap}.service-art .topic-tags span{font-size:10px}
.back-button,.close-button{padding:0;display:grid;place-items:center;width:36px;height:36px;line-height:1}
.back-button .control-icon,.close-button .control-icon{width:22px;height:22px;flex:none;display:block}
.feed-preview.feed-cover.cover-neutral{padding:34px 8px 8px}
.case-illustration{margin:28px 0}.case-illustration img{width:100%;height:auto;border-radius:16px}.case-illustration figcaption{font-size:11px;line-height:1.5;color:var(--secondary);margin-top:10px}
[data-theme=night] .booking-field input,[data-theme=night] .booking-field textarea{background:var(--soft);color:var(--ink)}
[data-theme=night] .booking-field input::placeholder,[data-theme=night] .booking-field textarea::placeholder{color:var(--secondary);opacity:1}
@media(max-width:359px){.service-art{height:300px;padding-left:14px;padding-right:14px}.service-art .paper-card{padding-left:10px;padding-right:10px}.service-art .paper-card h3{font-size:19px}.service-art .topic-tags span{font-size:9px;padding:4px 6px}}

/* Let the frame follow its content: a constant gap survives font and viewport changes. */
.service-art{height:auto;min-height:0;justify-content:flex-start;gap:16px;padding-top:22px;padding-bottom:18px}
.service-art .art-footer{margin-top:0;flex:none}

/* Service subtitles removed: the caption now follows its two remaining lines. */
.service-caption{min-height:0;padding-bottom:16px}