@font-face{font-family:Ubuntu;src:url('/assets/ubuntu-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Ubuntu;src:url('/assets/ubuntu-medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Ubuntu;src:url('/assets/ubuntu-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#101010;--panel:#1d1d1d;--line:#343434;--ink:#f8f8f5;--muted:#aaa;--yellow:#ffe500;--radius:18px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Ubuntu,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(34px,5vw,56px)}h2{font-size:25px}h3{font-size:20px}p+p{margin-top:18px}svg.icon{width:24px;height:24px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}::selection{background:var(--yellow);color:#101010}.filter-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:16px;background:var(--yellow);color:#111;padding:12px;z-index:100}.skip-link:focus{top:10px}.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}
.shell{max-width:1180px;margin:auto;padding:0 28px 125px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:96px;padding:18px 0;position:relative;z-index:3}.logo{display:flex;flex-direction:column;align-items:center;width:104px;flex-shrink:0}.logo img{height:auto;object-fit:contain;filter:url(#logoWhite)}.logo span{font-size:9px;font-weight:700;letter-spacing:.42em;padding-left:.42em;line-height:1;margin-top:6px}.logo.light img{filter:none}.top-actions{display:flex;align-items:center;gap:9px}.preview-pill{border:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 11px;min-height:36px}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;position:relative}.icon-btn:hover{background:#ffffff0e}.notification-dot{position:absolute;width:7px;height:7px;background:var(--yellow);border-radius:50%;top:8px;right:9px}.desktop-nav{display:flex;gap:8px}.desktop-nav a{font-size:14px;padding:10px 14px;border-radius:25px;color:var(--muted)}.desktop-nav a.active{color:#111;background:var(--yellow)}.kicker{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--muted)}.tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;line-height:1.3;border-radius:5px;max-width:max-content}.tag.yellow{background:var(--yellow);color:#111}.tag.dark{background:#111;color:white}.tag.outline{border:1px solid #766d05;color:var(--yellow);padding:3px 6px;font-size:9px}.tag.ghost{color:var(--muted);border:1px solid var(--line)}.eyebrow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button{min-height:48px;border-radius:999px;padding:13px 24px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:14px;line-height:1.2;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.yellow{background:var(--yellow);color:#101010}.button.black{background:#101010;color:#fff}.button.outline{border:1px solid var(--yellow);color:var(--yellow)}.button.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.button .icon{width:19px;height:19px}.full{width:100%}.page-heading{margin:12px 0 28px}.page-heading p{font-size:16px;color:var(--muted);margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading a{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.section-heading .icon{width:16px;height:16px}
.home-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,1fr);gap:32px}.hero{position:relative;min-height:630px;border-radius:24px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}.hero-image{position:absolute;inset:0;height:100%;z-index:-3;object-position:44% center}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#10101038 0%,transparent 24%,#10101015 38%,#101010b0 66%,#101010f5 100%)}.hero-top{position:absolute;top:25px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hello{font-size:18px;font-weight:500}.place{font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.place:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--yellow)}.hero-content{padding:36px 28px 32px;width:100%}.hero h1{font-size:clamp(42px,5vw,65px);line-height:.97;margin:18px 0 14px;max-width:470px}.hero p{font-size:17px;max-width:310px;line-height:1.5;color:#efefef}.hero .button{margin-top:24px}.hero-count{display:flex;align-items:center;gap:9px;margin-top:26px;font-size:10px;color:#bbb;letter-spacing:.1em}.hero-count .line{width:25px;height:3px;background:var(--yellow);border-radius:10px}.hero-count .dot{width:4px;height:4px;background:#666;border-radius:50%}.home-side{padding-top:5px;display:flex;flex-direction:column;gap:28px}.feature-card{position:relative}.feature-image{aspect-ratio:1.75;border-radius:14px;object-position:center}.feature-body{padding-top:17px}.feature-card h3{margin:10px 0;font-size:23px}.meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.meta .icon{width:14px;height:14px}.quick-row{display:grid;grid-template-columns:88px 1fr 22px;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.quick-row img{width:88px;height:80px;border-radius:10px}.quick-row h3{font-size:17px;margin-bottom:7px;letter-spacing:-.015em}.quick-row>.icon{width:18px;height:18px;color:var(--muted)}.notification-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:left;width:100%}.notification-card span{flex:1}.notification-card strong{display:block;font-size:14px;font-weight:500}.notification-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.notification-card>.icon:first-child{color:var(--yellow)}.notification-card>.icon:last-child{width:16px;height:16px;color:var(--muted)}.home-benefits{margin-top:32px;padding:23px 25px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:18px}.mini-discount{font-size:33px;font-weight:700;color:var(--yellow);letter-spacing:-.06em}.home-benefits h3{font-size:18px}.home-benefits p{font-size:12px;color:var(--muted);margin-top:5px}.home-benefits>.icon{margin-left:auto;color:var(--yellow)}.sample-label{text-align:center;font-size:10px;color:#858585;letter-spacing:.045em;margin-top:30px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);padding:10px 15px calc(10px + var(--safe-bottom));display:flex;background:#131313f5;backdrop-filter:blur(20px);border:1px solid #353535;border-bottom:0;border-radius:22px 22px 0 0;z-index:10;box-shadow:0 -6px 30px #0002}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;min-height:46px;color:#a7a7a7;font-size:10px;letter-spacing:.015em}.bottom-nav a.active{color:var(--yellow);font-weight:700}.bottom-nav a.active .icon{stroke-width:2.2}.bottom-nav svg{width:24px;height:24px}
.stories-toolbar{margin-bottom:30px}.filters{display:flex;gap:8px;overflow-x:auto;padding:4px 1px 13px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{padding:10px 17px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;min-height:42px;font-size:12px;color:var(--muted)}.chip.active{background:var(--yellow);border-color:var(--yellow);color:#111;font-weight:700}.search-field{position:relative;max-width:400px;margin-top:10px}.search-field .icon{position:absolute;left:15px;top:14px;color:var(--muted);width:20px;height:20px}.search-field input{width:100%;padding:13px 15px 13px 46px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.story-card{position:relative}.story-cover{position:relative;overflow:hidden;border-radius:16px}.story-cover img{aspect-ratio:1.35;transition:transform .25s}.story-card:hover .story-cover img{transform:scale(1.025)}.story-cover .save-btn{position:absolute;top:10px;right:10px;width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111b;color:white;z-index:1}.save-btn.saved{color:var(--yellow)}.save-btn.saved .icon{fill:currentColor;stroke:#111}.story-cover .tag{position:absolute;bottom:12px;left:12px}.story-body{padding:16px 2px 0}.story-body .kicker{color:var(--yellow);font-size:9px}.story-body h2{font-size:24px;margin:9px 0 11px}.story-body .excerpt{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:14px}.empty-state{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;grid-column:1/-1}.empty-state .icon{width:36px;height:36px;color:var(--yellow);margin-bottom:15px}.empty-state p{color:var(--muted);font-size:14px;max-width:300px;margin:13px auto 22px}.results-count{font-size:11px;color:var(--muted);margin-bottom:16px}
.benefits-layout{max-width:850px;margin:auto}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.member-card{position:relative;min-height:270px;border-radius:20px;overflow:hidden;border:1px solid #454545;padding:25px;display:flex;align-items:center;justify-content:center;isolation:isolate}.member-card:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#1010107d,#111e),url('/assets/hero-hawaii.png') center/cover;filter:grayscale(1)}.member-card .logo{width:170px}.member-card .logo span{font-size:14px;margin-top:12px}.member-card>.tag{position:absolute;top:20px;right:20px}.member-card .card-bottom{position:absolute;bottom:21px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#ccc}.member-note{font-size:13px;color:var(--muted);margin:20px 0 25px;line-height:1.65}.coupon{border-radius:20px;background:var(--yellow);color:#101010;padding:27px;position:relative;overflow:hidden}.coupon .discount{font-size:90px;font-weight:700;letter-spacing:-.08em;line-height:1}.coupon h2{font-size:25px;margin:8px 0 5px}.coupon>p{font-size:14px}.code-box{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #13131375;border-radius:10px;padding:12px 14px;margin:24px 0 7px;font-size:20px;font-weight:700;letter-spacing:.04em}.code-box .icon{width:20px;height:20px}.code-note{font-size:10px;text-align:center;margin-bottom:17px}.shop-note{font-size:11px;text-align:center;color:var(--muted);margin:9px 0 25px}.shop-button{margin-top:16px}.benefit-details{margin-top:22px;border-top:1px solid var(--line)}.benefit-details summary{font-size:14px;padding:18px 0;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.benefit-details summary::after{content:'+';font-size:21px;color:var(--yellow)}.benefit-details[open] summary::after{content:'−'}.benefit-details p{font-size:13px;line-height:1.65;color:var(--muted);padding:0 0 18px}.upcoming-benefit{display:flex;align-items:center;gap:12px;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:14px;margin-top:22px;font-size:13px}.upcoming-benefit .icon{color:var(--yellow)}
.profile-layout{max-width:660px;margin:auto}.profile-identity{display:flex;align-items:center;gap:18px;margin:24px 0 28px}.avatar{width:67px;height:67px;border-radius:50%;background:var(--yellow);color:#111;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.profile-identity h2{font-size:24px}.profile-identity p{font-size:12px;color:var(--muted);margin-top:6px}.settings{border:1px solid var(--line);border-radius:18px;overflow:hidden}.settings-row{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:19px;border-bottom:1px solid var(--line);min-height:76px}.settings-row:last-child{border:0}.settings-row>.icon:first-child{color:var(--yellow)}.settings-row>span{flex:1}.settings-row strong{font-size:14px;font-weight:500;display:block}.settings-row small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.settings-row>.icon:last-child{width:17px;height:17px;color:var(--muted)}.count{background:var(--yellow);color:#111;border-radius:99px;min-width:25px;text-align:center;font-size:12px;font-weight:700;padding:3px 8px}.profile-note{font-size:12px;line-height:1.7;color:var(--muted);padding:22px 2px}.brand-end{padding:35px 0 10px;text-align:center}.brand-end .logo{margin:auto;width:80px;opacity:.65}.brand-end p{font-size:10px;letter-spacing:.06em;color:var(--muted);margin-top:16px}
body.article-mode{--bg:#fff;--ink:#151515;--panel:#f4f4f0;--line:#deded8;--muted:#6b6b65;background:#fff;color:var(--ink);color-scheme:light}.article-shell{max-width:820px;margin:auto;padding-bottom:110px}.article-topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;min-height:79px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(16px);z-index:5;border-bottom:1px solid #ecece8}.article-topbar .logo{width:75px}.article-topbar .logo span{font-size:6px}.article-topbar .tools{display:flex;gap:0}.article-topbar .icon-btn{width:39px;height:42px}.article-topbar .icon-btn:hover{background:#00000007}.article-topbar>.icon-btn{width:42px}.article-topbar .saved{color:#817300}.article-topbar .saved .icon{fill:var(--yellow)}.article-image{height:360px;object-position:center 46%}.article-content{padding:32px 45px 0}.article-content h1{font-size:clamp(36px,5vw,55px);line-height:1.06;margin:17px 0 20px}.byline{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:0 0 24px}.author-mark{width:32px;height:32px;border-radius:50%;background:#eee9c8;color:#222;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.article-content .lede{font-size:22px;line-height:1.55;letter-spacing:-.02em;font-weight:500;margin-bottom:25px}.article-copy{font-size:17px;line-height:1.85;color:#343434}.article-copy p+p{margin-top:20px}.article-copy h2{font-size:25px;margin:34px 0 14px;color:#111}.article-copy blockquote{margin:30px 0;padding:6px 0 6px 20px;border-left:4px solid var(--yellow);font-size:24px;line-height:1.4;font-weight:500;color:#111;letter-spacing:-.02em}.article-copy figure{margin:28px -15px}.article-copy figure img{border-radius:10px;max-height:370px}.article-copy figcaption{font-size:11px;color:var(--muted);padding:7px 0}.article-copy ul{padding-left:20px}.article-copy li{margin-bottom:7px}.article-demo{font-size:11px;line-height:1.6;color:var(--muted);padding:17px 0;border-top:1px solid var(--line);margin-top:28px}.article-actions{display:flex;gap:10px;margin:23px 0}.article-actions .button{font-size:12px;padding:12px 20px}.article-next{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:12px;margin:15px 0 24px}.article-next img{width:85px;height:78px;border-radius:9px}.article-next span{flex:1}.article-next small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.article-next strong{font-size:16px;line-height:1.3;display:block;margin-top:6px}.article-next .icon{width:19px;height:19px}.article-mode .bottom-nav{background:#fffffff5;border-color:#ddd;box-shadow:0 -5px 25px #00000008}.article-mode .bottom-nav a{color:#777}.article-mode .bottom-nav a.active{color:#111}.article-mode .bottom-nav a.active .icon{fill:var(--yellow)}
dialog{max-width:440px;width:calc(100% - 28px);padding:29px;border:1px solid #383838;border-radius:24px;color:#fafafa;background:#191919;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:flex-start;gap:15px;justify-content:space-between;margin-bottom:19px}.dialog-head h2{font-size:25px;line-height:1.15;max-width:285px;padding-top:7px}.dialog-head .icon-btn{margin:-5px -7px 0 0;flex-shrink:0}.dialog-body p{font-size:14px;line-height:1.7;color:#c3c3c3}.dialog-body strong{color:#fff}.dialog-body ol{padding-left:20px;color:#c3c3c3;font-size:14px;line-height:1.75}.dialog-body li{margin-bottom:10px;padding-left:5px}.dialog-body .button{margin-top:23px}.dialog-body .small-note{font-size:11px;color:#979797}.notification-preview{display:flex;gap:12px;align-items:center;border:1px solid #414141;background:#282828;padding:15px;border-radius:15px;margin:20px 0}.notification-preview img{width:42px;height:42px;border-radius:10px}.notification-preview strong{font-size:12px}.notification-preview p{font-size:11px;margin-top:3px}.dialog-code{padding:14px;background:#303030;border-radius:10px;text-align:center;font-size:20px;letter-spacing:.06em;user-select:all;color:var(--yellow)}#toast{position:fixed;bottom:calc(97px + var(--safe-bottom));left:50%;transform:translate(-50%,12px);background:var(--yellow);color:#111;max-width:calc(100% - 40px);width:max-content;padding:12px 20px;border-radius:100px;font-size:13px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}.no-script{padding:30px}
@media(min-width:1100px){.hero-content{padding:40px}.hero-top{left:40px;right:40px}.hero p{font-size:18px}.home-side{gap:32px}.home-benefits{max-width:calc((100% - 32px)/2.42*1.42)}}
@media(max-width:800px){.shell{padding:0 22px 118px}.desktop-nav{display:none}.home-grid{grid-template-columns:1fr;gap:26px}.hero{min-height:580px}.hero h1{font-size:58px;max-width:440px}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:25px}.home-side .notification-card{grid-column:1/-1}.story-grid{grid-template-columns:1fr 1fr}.home-benefits{margin-top:24px}.benefits-grid{gap:18px}.coupon{padding:24px}.coupon .discount{font-size:80px}.code-box{font-size:16px}.member-card{min-height:250px}}
@media(max-width:520px){.shell{padding:0 20px 110px}.topbar{min-height:89px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:17px}.logo{width:92px}.logo span{font-size:8px;margin-top:5px}.preview-pill{font-size:9px;padding:6px 9px;min-height:31px}.top-actions{gap:5px}.home .topbar{margin-bottom:-89px;color:#fff}.home .preview-pill{color:#fff;border-color:#ffffff55;background:#1113}.home .hero{margin-left:-20px;margin-right:-20px;border-radius:0;min-height:630px;min-height:max(610px,77svh)}.hero-image{object-position:47% center}.hero-top{top:116px;left:21px;right:21px}.hero:after{background:linear-gradient(180deg,#101010b0 0%,#10101030 22%,transparent 39%,#101010c0 73%,#101010 100%)}.hero-content{padding:26px 20px 24px}.hello{font-size:18px}.place{font-size:9px}.hero h1{font-size:46px;max-width:350px;margin-top:16px;margin-bottom:11px;letter-spacing:-.045em}.hero p{font-size:16px;max-width:275px}.hero .button{margin-top:23px;min-height:45px;padding:12px 22px}.hero-count{margin-top:22px}.home-grid{gap:12px}.home-side{display:flex;flex-direction:column;gap:24px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:24px}.feature-card{display:grid;grid-template-columns:44% 1fr;gap:16px;align-items:center}.feature-image{aspect-ratio:1.2;border-radius:12px;height:100%;max-height:165px}.feature-body{padding:0}.feature-body h3{font-size:19px;line-height:1.15;margin:7px 0 10px}.feature-body .meta{font-size:10px}.feature-body .eyebrow-row{gap:5px}.feature-body .tag.ghost{display:none}.notification-card{padding:17px;gap:13px}.notification-card strong{font-size:13px}.home-side .recent-block{display:none}.home-benefits{padding:20px 17px;gap:13px}.home-benefits h3{font-size:16px}.home-benefits p{font-size:11px}.mini-discount{font-size:29px}.sample-label{font-size:9px;margin-top:23px}.bottom-nav{border-radius:0;border-left:0;border-right:0;padding-left:10px;padding-right:10px}.page-heading{margin:15px 0 24px}.page-heading h1{font-size:36px}.page-heading p{font-size:14px;line-height:1.6;max-width:310px;margin-top:10px}.story-grid{grid-template-columns:1fr;gap:30px}.story-cover img{aspect-ratio:1.5}.story-body h2{font-size:27px}.story-body .excerpt{font-size:14px}.filters{margin-right:-20px;padding-right:20px}.chip{font-size:11px;padding:10px 15px}.search-field{max-width:none}.stories-toolbar{margin-bottom:22px}.benefits-grid{display:flex;flex-direction:column;gap:22px}.member-card{min-height:200px;padding:20px}.member-card .logo{width:146px}.member-card .logo span{font-size:11px}.member-card>.tag{font-size:9px;top:15px;right:15px}.member-card .card-bottom{bottom:15px;left:20px;right:20px;font-size:9px}.member-note{display:none}.coupon{padding:24px;border-radius:18px}.coupon .discount{font-size:91px}.coupon h2{font-size:27px;margin-top:8px}.code-box{font-size:21px;margin-top:22px}.code-note{font-size:10px}.benefit-details{margin-top:8px}.upcoming-benefit{font-size:12px;padding:17px}.profile-identity{margin:21px 0 25px}.settings-row{padding:18px 15px;gap:12px}.article-image{height:260px}.article-content{padding:26px 22px 0}.article-content h1{font-size:39px;margin:16px 0 18px}.article-content .lede{font-size:21px;line-height:1.5}.article-copy{font-size:16px;line-height:1.8}.article-copy h2{font-size:24px}.article-copy blockquote{font-size:22px}.article-copy figure{margin:25px -2px}.article-copy figure img{border-radius:9px;max-height:290px}.article-topbar{padding:12px 14px;min-height:74px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.article-next{padding:10px;gap:12px}.article-next strong{font-size:14px}.article-actions .button{padding:12px 16px;flex:1}.article-actions{gap:9px}.article-demo{font-size:10px}.dialog-head h2{font-size:24px}dialog{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.benefit-tabs{margin-bottom:24px}.coming-card{max-width:550px;margin:0 auto;border:1px solid var(--line);padding:32px;border-radius:22px;background:#181818}.coming-icon{margin:27px 0 24px;color:var(--yellow)}.coming-icon .icon{width:65px;height:65px;stroke-width:1.1}.coming-card h2{font-size:38px;line-height:1.06;margin:0 0 20px}.coming-card p{font-size:15px;line-height:1.7;color:var(--muted)}.coming-divider{border-top:1px solid var(--line);margin:28px 0}.coming-card h3{font-size:20px;margin-bottom:12px}.coming-card .button{margin-top:28px}.coming-card>small{font-size:10px;display:block;text-align:center;margin-top:14px;color:var(--muted);line-height:1.6}.competition{background:linear-gradient(145deg,#252411,#151515 65%)}
@media(max-width:520px){.benefit-tabs{display:flex;gap:8px;margin-bottom:22px}.benefit-tabs .chip{flex:1;min-width:0;padding:10px 8px;font-size:12px}.coming-card{padding:25px 22px}.coming-card h2{font-size:35px}.coming-card p{font-size:14px}}
/* Publishing and real member accounts keep the approved 226 visual system. */
.loading-app{min-height:65vh;display:grid;place-items:center;color:#c9c9c9}.studio-layout,.editor-layout{max-width:820px;margin:auto}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:34px 0 30px}.studio-heading h1,.editor-heading h1{font-size:clamp(34px,5vw,49px);line-height:1.07;margin:13px 0 12px;letter-spacing:-.04em}.studio-heading p{color:var(--muted);font-size:15px}.studio-heading .button{flex-shrink:0}.studio-stats{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:24px;font-size:13px;color:var(--muted)}.studio-stats b{color:var(--ink);font-size:21px;margin-right:5px}.studio-private{margin-left:auto;font-size:10px;max-width:120px;line-height:1.5;text-align:right}.resume-draft{display:flex;align-items:center;gap:14px;border:1px solid #6b622d;background:#252314;border-radius:14px;padding:19px;width:100%;text-align:left;margin-bottom:25px}.resume-draft>span{flex:1}.resume-draft>svg{color:var(--yellow)}.resume-draft strong,.resume-draft small{display:block}.resume-draft strong{font-size:14px}.resume-draft small{font-size:11px;line-height:1.5;margin-top:6px;color:#c2bc98}.studio-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.studio-thumb{width:85px;height:100px;background:#222;border-radius:12px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.studio-thumb img{width:100%;height:100%;object-fit:cover}.studio-thumb>.icon{width:30px;height:30px;color:#666}.studio-row>div:nth-child(2){flex:1;min-width:0}.studio-row h2{font-size:21px;line-height:1.2;margin:10px 0}.studio-row p,.studio-row small{font-size:11px;color:var(--muted)}.studio-row>.icon{width:18px;flex-shrink:0}.studio-row .tag{font-size:8px}.studio-empty{padding:55px 25px;text-align:center;border:1px dashed #3d3d3d;border-radius:18px;margin-bottom:24px}.studio-empty>.icon{width:44px;height:44px;color:var(--yellow)}.studio-empty h2{font-size:25px;margin:23px 0 14px}.studio-empty p{max-width:390px;margin:auto;line-height:1.7;color:var(--muted);font-size:14px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding:19px 0}.back-link .icon{width:17px}.editor-heading{margin:17px 0 32px}.field{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:500;margin-bottom:22px}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:14px 15px;font:inherit;font-weight:400;font-size:16px;line-height:1.5;border-radius:10px;color:var(--ink);background:var(--panel);border:1px solid #404040;outline-offset:4px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#777}.field:focus-within{color:var(--yellow)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--yellow)}.editor-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.title-field input{font-size:24px;font-weight:500;padding-top:18px;padding-bottom:18px}.field .story-textarea{min-height:300px;line-height:1.8}.check-line{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;margin:22px 0}.check-line input{width:19px;height:19px;margin-top:1px;accent-color:var(--yellow);flex-shrink:0}.editor-media{margin:30px 0}.editor-media .section-heading>span{color:var(--muted);font-size:12px}.upload-zone{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#191919;border:1px dashed #565656;border-radius:15px;min-height:165px;overflow:hidden}.upload-zone:hover{border-color:var(--yellow)}.upload-zone>.icon{color:var(--yellow);width:29px;height:29px}.upload-zone strong{font-size:16px}.upload-zone span{font-size:11px;color:var(--muted)}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-zone:focus-within{outline:2px solid var(--yellow);outline-offset:4px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.media-item{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel)}.media-item>img,.media-item>video{height:150px;width:100%;object-fit:cover;background:#222}.media-item-tools{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:3px 8px;font-size:10px}.media-item-tools button{min-height:36px;padding:5px}.media-item-tools .selected{color:var(--yellow)}.media-item-tools .icon{width:17px;height:17px}.upload-status{font-size:12px;color:var(--yellow);line-height:1.6;margin-top:10px}.editor-actions{position:sticky;bottom:82px;z-index:3;background:#171717f5;backdrop-filter:blur(15px);border:1px solid #3c3c3c;border-radius:14px;padding:14px 18px;margin-top:25px}.editor-actions>div{display:flex;gap:12px}.editor-actions .button{flex:1}.editor-actions>p{font-size:10px;color:var(--muted);margin-bottom:12px}.button:disabled{opacity:.5;cursor:progress}.form-error{font-size:13px;line-height:1.6;color:#ffb19f;margin:12px 0}.form-error:empty{display:none}.signout{display:inline-block;font-size:12px;color:var(--muted);text-decoration:underline;margin:15px 0}.editor-link{margin-top:25px}.article-copy video{max-height:600px;width:100%;background:#101010;border-radius:10px}.member-gate{border:1px solid #deded8;background:#f5f5ef;padding:32px 25px;border-radius:15px;text-align:center;margin:25px 0}.member-gate>.icon{width:35px;height:35px;color:#8f8000}.member-gate h2{margin:18px 0 12px;font-size:24px}.member-gate p{line-height:1.65;color:#666;font-size:15px}.member-gate .button{margin-top:20px}.dialog-body>.button+.button{margin-top:12px}.profile-layout>.button{margin-bottom:22px}.competition.coming-card{max-width:720px;padding:0;background:#191919;overflow:hidden}.competition-visual{height:260px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eee800}.competition-visual:before{content:'226';position:absolute;inset:0;text-align:center;font-size:280px;line-height:1;font-weight:700;letter-spacing:-.08em;color:#11111114;transform:rotate(-9deg)}.competition-visual .tag{position:absolute;top:22px;left:23px;z-index:1;background:#111;color:#fff}.merch-shirt{height:198px;width:210px;clip-path:polygon(25% 5%,37% 0,42% 9%,58% 9%,63% 0,75% 5%,100% 25%,85% 45%,73% 36%,73% 100%,27% 100%,27% 36%,15% 45%,0 25%);background:#111;display:grid;place-items:center;transform:rotate(-7deg);margin-top:20px}.merch-shirt img{width:100px;filter:url(#logoWhite);margin-top:-20px}.competition-body{padding:30px}.competition-body .kicker{font-size:10px;color:var(--yellow)}.competition-body h2{margin:13px 0 17px}.competition-meta{display:flex;gap:24px;border-top:1px solid #363636;border-bottom:1px solid #363636;margin:25px 0;padding:18px 0}.competition-meta span{flex:1;font-size:13px}.competition-meta small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.competition-body>small{display:block;color:var(--muted);text-align:center;font-size:10px;line-height:1.6;margin-top:14px}.competition-body .button{margin-top:0}.competition-body .coming-divider{display:none}
@media(max-width:520px){.studio-heading{display:block;margin-top:24px}.studio-heading .button{width:100%;margin-top:24px}.studio-heading h1,.editor-heading h1{font-size:36px}.studio-stats{gap:16px}.studio-stats b{font-size:20px}.studio-stats>span{font-size:11px}.studio-stats .studio-private{font-size:9px}.studio-thumb{width:64px;height:82px}.studio-row{gap:13px}.studio-row h2{font-size:19px}.studio-row small{font-size:9px}.studio-row .tag{font-size:7px}.editor-options{grid-template-columns:1fr;gap:0}.editor-heading{margin:9px 0 25px}.title-field input{font-size:21px}.media-grid{grid-template-columns:1fr 1fr}.media-item>img,.media-item>video{height:135px}.editor-actions{bottom:calc(77px + env(safe-area-inset-bottom,0px));margin-left:-8px;margin-right:-8px;padding:12px}.editor-actions .button{font-size:12px;padding:13px 10px;min-height:46px}.competition-visual{height:230px}.competition-body{padding:25px 22px}.competition-body h2{font-size:35px}.competition-meta{gap:15px}.merch-shirt{height:174px;width:185px}.competition-visual:before{font-size:225px;top:30px}}