*{box-sizing:border-box} :root{--yellow:#ffc700;--ink:#22241f;--muted:#80817a;--line:#e8e8e1;--paper:#fbfbf7;--cream:#fff6e5;--green:#315d47}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d1a827;outline-offset:3px}input,textarea,select{color:var(--ink);max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.045em}h1{font-size:42px;font-weight:750}h2{font-size:28px}h3{font-size:20px}p{line-height:1.9}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:#73756d;margin-bottom:14px}.ico{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.grow{flex:1;min-width:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 21px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .18s,background .18s}.btn:hover{background:#f0f0e9;transform:translateY(-1px)}.btn.primary{background:var(--yellow);border-color:var(--yellow)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.sm{min-height:34px;padding:6px 12px;font-size:12px}.btn.danger{color:#ac3e31}.text-btn{padding:4px 0;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.text-btn:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:6px;background:#f1f1ea;border-radius:50px;padding:4px 10px;font-size:11px;letter-spacing:.015em}.pill.yellow{background:#fff1b6}.pill.green{background:#e9f1e9;color:#315d47}.pill.red{background:#faeae6;color:#a34232}.topbar{height:84px;background:rgba(251,251,247,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.topbar-inner{max-width:1280px;margin:auto;padding:0 48px;height:100%;display:flex;align-items:center;gap:46px}.logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:850;letter-spacing:-2px;white-space:nowrap}.brand-symbol{width:35px;height:35px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg)}.brand-symbol .ico{width:23px;height:23px;stroke-width:2.1}.logo small{font-size:9px;letter-spacing:1.5px;margin-left:2px;margin-top:9px}.nav{display:flex;align-items:center;gap:28px;height:100%}.nav a{height:100%;display:flex;align-items:center;position:relative;font-size:14px;color:#77796f}.nav a.active{font-weight:700;color:var(--ink)}.nav a.active:after{content:'';height:3px;background:var(--yellow);position:absolute;bottom:0;left:3px;right:3px;border-radius:5px}.topright{margin-left:auto;display:flex;align-items:center;gap:20px}.avatar-wrap{position:relative}.avatar-button{display:flex;align-items:center;gap:10px;padding:0}.avatar{width:37px;height:37px;display:grid;place-items:center;background:#eee8d7;border-radius:50%;font-size:15px;font-weight:700;flex-shrink:0;overflow:hidden}.avatar.store{background:#dce6dd}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-name{font-size:12px;text-align:left;line-height:1.4}.avatar-name small{font-size:9px;color:var(--muted)}.account-menu{position:absolute;right:0;top:50px;width:238px;padding:10px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 60px #22221e1c}.account-menu button{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;font-size:13px}.account-menu button:hover{background:#f6f6f0}.menu-profile{padding:10px 12px 15px;border-bottom:1px solid var(--line);margin-bottom:5px}.page{max-width:1140px;margin:0 auto;padding:54px 0 70px;min-height:calc(100vh - 150px)}.page.narrow{max-width:880px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading p{margin-top:12px;color:var(--muted);font-size:14px}.page-footer{max-width:1140px;margin:auto;padding:24px 0 28px;display:flex;justify-content:space-between;color:#92948a;font-size:11px;border-top:1px solid var(--line)}.demo-indicator{display:flex;align-items:center;gap:6px}.demo-indicator:before{content:'';width:5px;height:5px;background:#bb9a33;border-radius:50%}.photo{background-image:none;background-size:auto 200%;background-position:0 0;background-repeat:no-repeat;background-color:#ece0bf}.photo.p1{background-position:100% 0}.photo.p2{background-position:0 100%}.photo.p3{background-position:100% 100%}.hero{max-width:1280px;margin:0 auto;padding:58px 48px 60px;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.hero-copy{padding:20px 0}.hero h1{font-size:68px;line-height:1.18;letter-spacing:-.055em;font-weight:800}.hero h1 em{font-style:normal;position:relative;z-index:1}.hero h1 em:after{content:'';position:absolute;bottom:7px;left:0;right:-3px;height:17px;background:var(--yellow);z-index:-1;transform:rotate(-1.5deg)}.hero-copy>p{margin-top:26px;color:#73756a;max-width:380px;font-size:15px}.hero .row{margin-top:30px}.hero-note{margin-top:46px;display:flex;gap:14px;align-items:center}.hero-note span{width:38px;height:1px;background:#bcbdad}.hero-visual{height:552px;border-radius:130px 130px 24px 24px;position:relative;background-size:auto 200%;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 68%,#211d176e);border-radius:inherit}.hero-photo-label{position:absolute;bottom:30px;left:30px;color:#fff;font-size:12px}.sticker{position:absolute;right:-25px;top:38px;width:116px;height:116px;background:var(--yellow);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(13deg);border:6px solid var(--paper);font-size:13px;line-height:1.5;font-weight:700}.sticker strong{font-size:27px;letter-spacing:-1px}.floating-note{position:absolute;bottom:80px;left:-35px;background:var(--paper);padding:18px 25px;border:1px solid #ecebe2;border-radius:15px;box-shadow:0 10px 30px #22221a0d;transform:rotate(-5deg);font-size:12px}.floating-note strong{display:block;font-size:17px}.marquee{border-block:1px solid var(--line);padding:21px 24px;display:flex;justify-content:center;align-items:center;gap:48px;font-size:12px;letter-spacing:.15em;overflow:hidden;white-space:nowrap}.marquee i{color:#cab541;font-style:normal}.landing-section{max-width:1140px;margin:0 auto;padding:75px 0}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:34px}.split-head h2{font-size:36px}.landing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.story-card{border-radius:18px;overflow:hidden;background:#eeeee6;padding:30px;position:relative}.story-card.image-card{min-height:335px;display:flex;align-items:end;color:white}.story-card.image-card:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#151714b8)}.story-card.image-card>div{z-index:1;position:relative}.story-card h3{margin-bottom:10px}.mini-feature{padding:22px 0;border-bottom:1px solid #dddcd2}.mini-feature:first-child{padding-top:0}.mini-feature:last-child{border:0;padding-bottom:0}.mini-feature .ico{margin-right:12px}.mini-feature p{font-size:13px;color:#77796f;margin-top:7px}.download-section{background:var(--yellow);padding:65px 48px;border-radius:24px;margin-bottom:56px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;scroll-margin-top:110px}.download-section h2{font-size:44px}.download-section p{margin-top:15px;font-size:13px;max-width:380px;color:#51471c}.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.download-card{background:#fffdf1;padding:22px;border-radius:14px;display:grid;gap:17px}.download-card p{font-size:11px;margin:0}.download-card .brand-symbol{width:45px;height:45px}.download-card .btn{font-size:12px;padding:10px}.login-layout{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr}.login-art{margin:32px;border-radius:22px;min-height:580px;position:relative;overflow:hidden;color:white;background-size:auto 200%;background-position:100% 0}.login-art:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#10130ecc)}.login-art-copy{position:absolute;bottom:55px;left:48px;right:30px}.login-art h1{font-size:49px}.login-form{align-self:center;max-width:390px;width:100%;margin:45px auto;padding:15px}.login-form h2{font-size:32px}.login-form>p{margin:14px 0 30px;color:var(--muted);font-size:13px}.segmented{display:flex;gap:5px;background:#eeeee7;padding:5px;border-radius:11px;margin-bottom:24px}.segmented button{flex:1;padding:9px;border-radius:8px;font-size:13px}.segmented button.active{background:#fff;box-shadow:0 2px 5px #20201008;font-weight:600}.field{display:grid;gap:8px;font-size:12px;margin-bottom:20px}.field>span{font-weight:600}.field input,.field textarea,.field select,.input{border:1px solid #ddded5;border-radius:9px;background:#fff;padding:12px 14px;width:100%;outline-color:#cbb64a;font-size:14px}.field textarea{resize:vertical;min-height:100px}.field small{color:var(--muted);font-weight:400}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.check{display:flex;align-items:start;gap:9px;font-size:12px;cursor:pointer;color:#77796f}.check input{accent-color:#c5a400;margin-top:5px;width:15px;height:15px;flex-shrink:0}.notice{background:#f3f3eb;border-radius:10px;padding:12px 15px;font-size:12px;color:#787a6d;line-height:1.8}.notice.yellow{background:#fff6d7;color:#786329}.notice.error{background:#fff0ec;color:#a64231}.full{width:100%}.welcome{margin-bottom:36px}.welcome h1{font-size:46px}.welcome .row{margin-bottom:18px}.home-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.feature-large{border-radius:22px;background:#ede6d7;overflow:hidden;min-height:385px;display:flex;flex-direction:column;position:relative}.feature-large .photo{height:192px;background-size:200% auto;background-position:0 18%;position:relative}.feature-content{padding:26px 30px}.feature-content h2{margin:6px 0 10px}.feature-content p{color:#77796e;font-size:13px;margin-bottom:21px}.feature-small{padding:30px;border:1px solid var(--line);border-radius:20px;background:white;position:relative}.feature-small.dark{background:#263c32;color:#fff;border-color:#263c32}.feature-small h2{font-size:25px;margin:9px 0}.feature-small p{font-size:13px;color:#909886;margin-bottom:18px}.feature-small.dark p{color:#b1beb1}.feature-number{position:absolute;right:25px;top:22px;font-size:12px;letter-spacing:.12em;color:#aaa998}.feature-small .pill{margin-bottom:5px}.recent{margin-top:42px}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-row h3{font-size:18px}.list{border-top:1px solid var(--line)}.list-item{display:flex;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.list-item .thumb{width:102px;height:76px;border-radius:10px;flex-shrink:0}.list-item h3{font-size:17px;letter-spacing:-.01em;margin-bottom:7px}.list-item p{font-size:12px;color:var(--muted)}.list-item:hover h3{color:#6c692f}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tabs button,.tabs a{padding:12px 0;white-space:nowrap;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.tabs .active{color:var(--ink);border-bottom-color:var(--ink);font-weight:650}.search{position:relative;display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:380px}.search input{border:0;outline:none;background:transparent;width:100%;min-width:0}.search .ico{color:#999b8e}.search.big{max-width:680px;padding:18px 22px;border-radius:14px;box-shadow:0 6px 20px #23231905}.empty{padding:65px 20px;text-align:center;border:1px dashed #d9dbd0;border-radius:16px}.empty .ico{width:36px;height:36px;color:#aaa68c;margin-bottom:20px}.empty h3{margin-bottom:10px}.empty p{font-size:13px;color:var(--muted);margin-bottom:24px}.editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.editor-top .row{flex-wrap:wrap}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start}.paper{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.paper-inner{padding:34px 40px}.article-cover{height:235px;position:relative;background-size:200% auto;background-position:0 18%}.article-cover.p1{background-position:100% 18%}.article-cover.p2{background-position:0 82%}.article-cover.p3{background-position:100% 82%}.article-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0003);pointer-events:none}.article-cover .btn{position:absolute;bottom:20px;right:20px;z-index:1;background:#ffffffdf}.title-input{width:100%;border:0;font-size:29px;font-weight:700;letter-spacing:-.03em;background:none;outline:none;margin:0 0 20px}.title-input::placeholder{color:#b8b9b0}.toolbar{padding:10px 18px;border-block:1px solid var(--line);display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#fff;position:sticky;top:84px;z-index:4}.toolbar button{min-width:32px;height:32px;border-radius:6px;font-size:13px}.toolbar button:hover{background:#f0f0e8}.toolbar .divider{height:18px;width:1px;background:var(--line);margin:0 8px}.editable{min-height:330px;outline:none;font-size:16px;line-height:2;color:#4c4f45;overflow-wrap:anywhere}.editable:empty:before{content:attr(data-placeholder);color:#bbbdb2;pointer-events:none}.editable h2{font-size:24px;margin:20px 0 14px}.editable p{margin-bottom:12px}.editable img{max-width:100%;border-radius:10px}.editable blockquote{border-left:3px solid var(--yellow);padding-left:20px;margin:18px 0}.aside-card{background:#f2f2e9;padding:22px;border-radius:14px;margin-bottom:18px}.aside-card h3{font-size:14px;margin-bottom:15px}.aside-card p{font-size:12px;color:#85877b}.aside-card .field{margin-bottom:15px}.aside-card .field:last-child{margin-bottom:0}.aside-card input,.aside-card textarea,.aside-card select{font-size:12px;padding:10px}.editor-bottom{border-top:1px solid var(--line);padding:13px 24px;display:flex;justify-content:space-between;font-size:11px;color:#92958a}.modal-overlay{position:fixed;inset:0;background:#1d201b66;backdrop-filter:blur(7px);z-index:100;display:flex;align-items:center;justify-content:center;padding:26px;animation:fade .15s ease}.modal{background:var(--paper);border-radius:20px;width:min(540px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0002;position:relative}.modal.wide{width:min(800px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 0;gap:20px}.modal-head h2{font-size:22px}.close{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#eaece3;flex-shrink:0}.modal-body{padding:24px 28px 28px}.modal-body>p{font-size:14px;color:#787b70;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;flex-wrap:wrap}.modal .field:last-child{margin-bottom:0}.modal-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo-choice{height:135px;border-radius:12px;border:3px solid transparent}.photo-choice:hover{border-color:var(--yellow)}.phone-preview{max-width:390px;margin:auto;border-radius:24px;border:7px solid #252922;background:#fff;box-shadow:0 15px 50px #262b2320;overflow:hidden}.phone-preview .article-cover{height:185px}.phone-preview .preview-copy{padding:25px 20px}.phone-preview h1{font-size:24px;margin:16px 0}.phone-preview p{font-size:13px}.preview-body{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.preview-body h2{font-size:20px;margin:22px 0 10px}.preview-body p{margin:10px 0}.preview-body img{max-width:100%}.preview-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:12px}.preview-body th,.preview-body td{border:1px solid #ddd;padding:9px}.preview-body blockquote{border-left:3px solid var(--yellow);margin-left:0;padding-left:15px}.success{padding:45px 25px;text-align:center}.success-icon{width:74px;height:74px;border-radius:50%;background:#f9e697;display:grid;place-items:center;margin:0 auto 25px}.success-icon .ico{width:34px;height:34px}.success h1{font-size:33px;margin-bottom:16px}.success p{color:#8a8d7e;font-size:14px;margin-bottom:28px}.success .row{justify-content:center}.steps{display:flex;gap:0;margin:25px 0 28px;max-width:100%}.step{display:flex;align-items:center;gap:9px;flex:1;position:relative;color:#a0a294;font-size:12px;padding:8px 0}.step:after{content:'';height:1px;background:#dddacc;flex:1;margin:0 16px}.step:last-child:after{display:none}.step .num{width:26px;height:26px;background:#edece2;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.step.active{color:#292e22;font-weight:650}.step.active .num{background:var(--yellow)}.step.done .num{background:#313c2e;color:white}.step-body{padding:32px 38px}.wizard-bottom{padding:20px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.type-option{border:1px solid #dedfd3;padding:24px 20px;text-align:left;border-radius:14px;background:white;min-height:140px;position:relative}.type-option.active{background:#fff8d9;border-color:#d5bd4b}.type-option .ico{width:28px;height:28px;margin-bottom:17px}.type-option h3{font-size:16px}.type-option small{color:#97998b}.type-option .selected{position:absolute;right:12px;top:12px;background:var(--yellow);border-radius:50%;padding:3px}.type-option .selected .ico{width:13px;height:13px;margin:0}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid var(--line);border-radius:30px;padding:7px 16px;font-size:12px;background:white}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.knowledge-banner{display:grid;grid-template-columns:1fr 280px;gap:55px;align-items:center;margin-bottom:35px}.knowledge-banner h1{margin-bottom:18px}.knowledge-banner .banner-art{border-radius:70px 70px 14px 14px;height:215px;position:relative}.knowledge-banner .sticker{width:85px;height:85px;font-size:10px;right:-15px;top:25px}.knowledge-banner .sticker strong{font-size:19px}.entry-icon{width:58px;height:58px;border-radius:14px;background:#ebeedd;display:grid;place-items:center;flex-shrink:0}.entry-icon .ico{width:26px;height:26px}.key-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:13px}.key-values label{display:block;color:#96988a;font-size:11px;margin-bottom:5px}.body-editor{width:100%;min-height:300px;border:0;outline:none;resize:vertical;background:#fff;font-size:15px;line-height:1.9;padding:24px}.source-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:start;gap:10px;font-size:12px}.source-row .source-num{background:#f1eedb;color:#877e4e;padding:3px 7px;border-radius:5px}.source-row p{color:#818576;font-size:11px}.body-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px}.body-layout .aside-card{padding:18px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.diff>div{padding:20px;border-radius:12px;background:#f2f2eb}.diff>div:last-child{background:#eef5e7}.diff label{font-size:11px;color:#979a8a;display:block;margin-bottom:10px}.dropzone{border:1.5px dashed #c4c7b4;border-radius:16px;min-height:225px;padding:40px 25px;display:grid;place-items:center;text-align:center;background:#fcfcf5;cursor:pointer}.dropzone.drag{background:#fff4b9;border-color:#a88b2a}.dropzone .ico{width:37px;height:37px;color:#848969;margin-bottom:15px}.dropzone h3{font-size:18px;margin-bottom:8px}.dropzone p{font-size:12px;color:#929780}.ut-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.ut-intro{background:#263c32;color:white;border-radius:18px;padding:26px;overflow:hidden}.ut-intro h2{font-size:25px;line-height:1.5}.ut-intro .photo{height:165px;border-radius:10px;margin:24px -6px;background-size:200% auto;background-position:100% 17%}.ut-intro p{font-size:12px;color:#b7c0b1;line-height:1.9}.ut-intro .eyebrow{color:#afbda8}.recipient{padding:13px 16px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px;background:white;margin-bottom:22px}.recipient .avatar{width:30px;height:30px;font-size:12px}.recipient p{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0 28px}.metric{background:#f5f5ed;border-radius:12px;padding:20px}.metric strong{display:block;font-size:32px;font-weight:550;letter-spacing:-1px}.metric span{font-size:11px;color:#92967f}.record-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.record-date{width:70px;flex-shrink:0;color:#8b917a;font-size:11px;line-height:1.6}.record-row h3{font-size:14px;letter-spacing:0;margin-bottom:4px}.record-row p{font-size:11px;color:#8b917e}.record-score{font-size:12px;white-space:nowrap;color:#7c7451}.match-row{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.match-row h3{font-size:15px;margin-bottom:4px}.match-row p{font-size:11px;color:#91967f}.match-arrow{color:#a6a88c}.count-lines{margin:25px 0}.count-lines>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.count-lines .total{font-size:19px;font-weight:700;border:0}.count-lines .total strong{font-size:29px;color:#697244}.progress-line{height:5px;background:#e9ebdf;border-radius:5px;overflow:hidden;margin:22px 0}.progress-line span{display:block;height:100%;background:var(--yellow);animation:progress 1s ease forwards}.timeline-label{font-size:22px;margin:28px 0 5px}.record-list .record-row{padding:20px 0}.account-card{display:grid;grid-template-columns:240px 1fr;gap:40px}.profile-visual{background:#eeeee3;border-radius:20px;padding:40px 25px;text-align:center;align-self:start}.profile-visual .avatar{width:90px;height:90px;font-size:35px;margin:0 auto 18px;background:#dfd7ba}.profile-visual h3{font-size:23px;margin-bottom:9px}.setting-line{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);gap:15px}.setting-line h3{font-size:14px;margin-bottom:7px}.setting-line p{font-size:12px;color:#929681}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.help-tile{border:1px solid var(--line);border-radius:12px;padding:20px}.help-tile p{font-size:12px;color:#878d78;margin-top:10px}.page-index{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.page-index a,.page-index button{border:1px solid var(--line);border-radius:9px;padding:12px;text-align:left;background:white;font-size:12px}.spacer{height:22px}.hidden{display:none!important}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#252c22;color:white;padding:13px 24px;border-radius:12px;z-index:150;font-size:13px;opacity:0;pointer-events:none;max-width:90vw;box-shadow:0 10px 35px #1112;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-50px;left:10px;background:var(--yellow);padding:10px;z-index:200}.skip:focus{top:10px}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes progress{from{width:0}to{width:100%}}.page{animation:fade .22s ease}.rating-input{display:flex;gap:10px}.rating-input button{padding:8px;border-radius:8px;background:#eeeede}.file-native{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-box{border:1px dashed #cbcebe;border-radius:10px;padding:17px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.upload-box .thumb{width:62px;height:48px;border-radius:6px;object-fit:cover}.form-intro{margin-bottom:28px}.form-intro h2{font-size:25px;margin-bottom:10px}.form-intro p{color:#919580;font-size:13px}.linkish{color:#63714c;text-decoration:underline}.result-box{background:#f1f3e9;border-radius:14px;padding:24px;margin:25px 0;text-align:left}.result-box h3{font-size:16px;margin-bottom:10px}.result-box p{margin:0;font-size:12px}.ref-marker{font-size:10px;vertical-align:super;color:#897c38}.source-list{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.source-list ol{padding-left:20px}.source-list li{margin:8px 0;color:#7b816e}.body-outline{font-size:12px;margin-top:14px;display:grid;gap:10px;color:#8b917d}.restore-list{max-height:190px;overflow:auto}.preview-illustration{background:var(--cream);border-radius:15px;padding:30px;text-align:center}.preview-illustration .ico{width:55px;height:55px}.error-text{color:#a94431;font-size:12px;margin-top:10px}.save-label{font-size:11px;color:#989c8d}.metadata{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#8d937f}.sample-label{font-size:10px;letter-spacing:.03em;color:#8a8f7d}.row-actions{display:flex;gap:6px;align-items:center}.flex-end{justify-content:flex-end}.editor-title{font-size:14px;font-weight:650}.step-state{font-size:11px;color:#959b85}.auth-return{margin-bottom:18px}.auth-return button{font-size:12px;color:#8a8f7f}.bottom-note{font-size:11px;color:#9a9e8c;margin-top:18px}.bread{font-size:12px;color:#8b917c;display:flex;gap:10px;align-items:center;margin-bottom:25px}.brew-label{font-size:10px;letter-spacing:.12em;color:#878f73}.hero-ring{position:absolute;right:22px;bottom:20px;width:60px;height:60px;border:1px solid #ffffff73;border-radius:50%;display:grid;place-items:center;color:#fff}.hero-ring .ico{width:28px;height:28px}.scroll-area{max-height:340px;overflow:auto;padding-right:4px}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:85px}.hero-visual{height:600px}}
@media(max-width:1240px){.page,.landing-section,.page-footer{margin-left:38px;margin-right:38px}.hero{gap:35px}.hero h1{font-size:58px}.hero-visual{height:500px}.topbar-inner{padding:0 38px;gap:32px}}
@media(max-width:960px){.hero h1{font-size:47px}.hero-visual{height:450px}.hero{padding:40px 35px;gap:30px}.hero-copy>p{font-size:13px}.sticker{width:95px;height:95px;right:-10px}.topbar-inner{padding:0 24px;gap:24px}.nav{gap:22px}.topright{gap:14px}.download-link{display:none}.page{margin:0 26px;padding-top:38px}.page.narrow{margin:0 26px}.editor-shell{grid-template-columns:1fr 215px;gap:20px}.paper-inner{padding:25px}.ut-layout{grid-template-columns:1fr}.ut-intro{display:none}.body-layout{grid-template-columns:1fr}.source-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.knowledge-banner{grid-template-columns:1fr 210px;gap:30px}.landing-section{margin:0 30px}.download-section{padding:40px 30px;gap:30px}.download-section h2{font-size:35px}.login-art{margin:22px;min-height:500px}.login-art-copy{left:30px}.login-art h1{font-size:37px}.login-form{padding:25px}.welcome h1{font-size:39px}.feature-content,.feature-small{padding:24px}.article-cover{height:210px}}
@media(max-width:700px){body{font-size:14px}.topbar{height:70px}.topbar-inner{padding:0 18px;gap:18px}.logo{font-size:23px}.logo small{display:none}.brand-symbol{width:29px;height:29px}.brand-symbol .ico{width:20px;height:20px}.nav{gap:18px}.nav a{font-size:12px}.nav .public-extra{display:none}.topright{gap:8px}.avatar-name{display:none}.avatar-button>.ico{display:none}.avatar{width:32px;height:32px;font-size:13px}.topright .btn{padding:8px 12px;min-height:36px;font-size:12px}.page,.page.narrow{margin:0 20px;padding:30px 0 45px}.page-footer{margin:0 20px;padding:20px 0;gap:12px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:35px 24px 40px;gap:35px}.hero-copy{padding:0}.hero h1{font-size:48px;line-height:1.2}.hero-copy>p{margin-top:22px;font-size:14px}.hero .row{margin-top:23px}.hero-note{margin-top:22px}.hero-visual{height:375px;max-width:500px;width:100%;border-radius:100px 100px 18px 18px}.floating-note{left:-8px;bottom:50px}.hero-photo-label{left:25px;bottom:25px}.sticker{top:32px;width:90px;height:90px}.marquee{gap:20px;font-size:10px;padding:17px}.landing-section{padding:40px 0;margin:0 24px}.split-head{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.split-head h2{font-size:30px}.landing-grid{grid-template-columns:1fr}.story-card{padding:24px}.story-card.image-card{min-height:280px}.download-section{grid-template-columns:1fr;padding:30px 23px;gap:25px;margin-bottom:30px}.download-section h2{font-size:34px}.download-cards{gap:10px}.download-card{padding:17px;gap:12px}.download-card h3{font-size:16px}.download-card .btn{padding:8px;font-size:11px}.login-layout{grid-template-columns:1fr;min-height:auto}.login-art{display:none}.login-form{max-width:440px;padding:25px;margin:25px auto}.welcome h1{font-size:32px}.welcome{margin-bottom:28px}.home-grid{grid-template-columns:1fr;gap:16px}.feature-large{min-height:340px}.feature-large .photo{height:170px}.feature-content{padding:24px}.home-grid>.stack{gap:16px}.feature-small{padding:24px}.page-heading{align-items:start;margin-bottom:25px;flex-wrap:wrap}.page-heading h1{font-size:32px}.page-heading p{font-size:12px}.page-heading .btn{font-size:12px}.page-heading .search{width:100%}.list-item{gap:12px;flex-wrap:wrap}.list-item .thumb{width:75px;height:68px}.list-item h3{font-size:15px}.list-item .row-actions{margin-left:auto}.list-item p{font-size:11px}.tabs{gap:23px}.editor-top{gap:12px;flex-wrap:wrap}.editor-top .row{gap:8px}.editor-top .btn{font-size:11px;padding:8px 11px;min-height:34px}.editor-shell{grid-template-columns:1fr;gap:20px}.article-cover{height:185px}.paper-inner{padding:22px}.title-input{font-size:23px}.toolbar{top:70px;padding:8px 10px}.editable{font-size:14px;min-height:280px}.aside-card{padding:20px}.editor-aside{display:grid;grid-template-columns:1fr;gap:0}.knowledge-banner{grid-template-columns:1fr;margin-bottom:25px}.knowledge-banner .banner-art{display:none}.knowledge-banner h1{font-size:33px}.search.big{padding:14px 17px}.step{font-size:10px;flex-direction:column;gap:5px}.step:after{position:absolute;top:21px;left:70%;right:-30%;margin:0}.step .num{z-index:1;width:24px;height:24px}.steps{margin:20px 0}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px}.type-option{padding:18px 15px;min-height:125px}.type-option h3{font-size:14px}.step-body{padding:22px}.fields{grid-template-columns:1fr;gap:0}.wizard-bottom{padding:17px 20px;gap:10px}.wizard-bottom .btn{padding:9px 13px;font-size:12px}.form-intro h2{font-size:22px}.body-layout{gap:15px}.body-editor{padding:18px;font-size:14px}.source-panel{display:block}.diff{grid-template-columns:1fr}.key-values{gap:17px}.ut-layout{gap:0}.metrics{gap:9px;margin:15px 0 22px}.metric{padding:15px 10px}.metric strong{font-size:27px}.metric span{font-size:10px}.recipient{margin-bottom:18px;padding:11px 13px}.record-row{gap:10px}.record-date{width:61px;font-size:10px}.record-row h3{font-size:13px}.record-score{font-size:11px}.match-row{gap:10px}.match-row h3{font-size:13px}.match-row .btn{font-size:10px;padding:7px 9px}.account-card{grid-template-columns:1fr;gap:25px}.profile-visual{padding:25px}.profile-visual .avatar{width:70px;height:70px;font-size:27px}.modal-overlay{padding:14px}.modal{max-height:93vh;border-radius:17px}.modal-head{padding:22px 21px 0}.modal-head h2{font-size:21px}.modal-body{padding:20px 21px 24px}.modal-actions .btn{padding:10px 14px;font-size:12px}.page-index{gap:8px}.page-index a,.page-index button{padding:10px;font-size:11px}.help-grid{grid-template-columns:1fr}.success{padding:30px 12px}.success h1{font-size:28px}.success .row{flex-wrap:wrap}.section-row{gap:12px}.section-row h3{font-size:16px}.row-actions .btn{padding:7px 9px;font-size:11px}.bread{flex-wrap:wrap}.settings-save{justify-content:flex-start}.record-list .record-row{flex-wrap:wrap}.record-list .record-row .grow{min-width:145px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.story-card.image-card{background-image:url("assets/beer.jpg");background-size:200% auto;background-position:100% 18%}.citation-chip{display:inline-block;font-size:11px;line-height:1.7;padding:1px 6px;background:#fff3c4;color:#88732a;border-radius:5px;vertical-align:super;user-select:all}.body-editor table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px}.body-editor th,.body-editor td{border:1px solid #dedfd4;padding:10px;text-align:left}.body-editor h2{font-size:23px;margin:16px 0}.body-editor p{margin:8px 0}.body-editor img{max-width:100%;border-radius:10px;display:block;margin:16px 0}.body-editor{overflow-wrap:anywhere}.body-editor:focus{outline:none}.skip{top:-100px}.skip:focus-visible{top:10px}
.ut-intro .photo{background-size:auto 200%;background-position:100% 0}.story-card.image-card{background-position:100% 0}