:root{
  --bg:#050606;--panel:#0b0c0c;--panel2:#101111;--line:rgba(213,174,94,.22);--line-strong:rgba(213,174,94,.48);
  --gold:#d7ad58;--gold2:#b88638;--cream:#efe3ca;--muted:#a5977e;--dim:#746a59;--danger:#d88a76;
  --shadow:0 24px 80px rgba(0,0,0,.46);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% -20%,rgba(213,174,94,.08),transparent 40%),var(--bg);color:var(--cream);font-family:var(--sans);min-height:100vh}
button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(5,6,6,.92);backdrop-filter:blur(14px)}
.app-brand{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:3px}.app-brand span{font:800 9px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.app-brand strong{font:400 20px/1.05 var(--serif);color:var(--cream)}
.app-top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ghost-btn,.gold-outline-btn,.gold-btn,.danger-btn,.icon-btn{border-radius:999px;min-height:40px;padding:0 15px;border:1px solid var(--line);background:rgba(255,255,255,.015);color:#d7c8aa;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:800 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;transition:.18s ease}.ghost-btn:hover,.icon-btn:hover{border-color:var(--line-strong);color:#f0dfbd;background:rgba(213,174,94,.05)}.gold-outline-btn{border-color:var(--line-strong);color:var(--gold)}.gold-outline-btn:hover{background:rgba(213,174,94,.08)}.gold-btn{border-color:#d1a550;background:linear-gradient(180deg,#d4ac61,#a67930);color:#090806;box-shadow:0 10px 30px rgba(0,0,0,.34)}.gold-btn:hover{filter:brightness(1.06)}.danger-btn{border-color:rgba(216,138,118,.45);color:#f1b6a6;background:rgba(216,138,118,.06)}
.app-main{width:min(1260px,100%);margin:0 auto;flex:1;padding:clamp(28px,5vw,70px) clamp(18px,4vw,56px) 72px}.app-footer{border-top:1px solid var(--line);padding:18px clamp(18px,4vw,64px);display:flex;justify-content:space-between;gap:20px;color:var(--dim);font:700 8px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.eyebrow{font:800 9px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin-top:0}.page-title{font:400 clamp(38px,5vw,72px)/.98 var(--serif);margin:12px 0 14px;color:#f1e7d2}.page-lead{max-width:780px;color:var(--muted);font:600 14px/1.65 var(--sans);margin-bottom:0}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.storage-note{margin-top:12px;color:var(--dim);font:700 9px/1.5 var(--sans);letter-spacing:.03em}
.continue-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;border:1px solid var(--line-strong);border-radius:22px;padding:20px 22px;margin:0 0 24px;background:radial-gradient(circle at 90% 0,rgba(213,174,94,.08),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005));box-shadow:var(--shadow)}.continue-card small{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin-bottom:7px}.continue-card h2{font:400 27px/1.1 var(--serif);margin:0 0 6px}.continue-card p{margin:0;color:var(--muted);font:600 11px/1.5 var(--sans)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 18px}.filters{display:flex;gap:9px;flex:1;flex-wrap:wrap}.search-input,.filter-select{height:42px;border:1px solid var(--line);border-radius:12px;background:#090a0a;color:#e8dcc5;padding:0 13px;outline:none}.search-input{min-width:250px;flex:1;max-width:440px}.filter-select{min-width:175px}.search-input:focus,.filter-select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(213,174,94,.07)}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.routine-card{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.005));padding:18px;min-height:220px;display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.2)}.routine-card:hover{border-color:rgba(213,174,94,.37);transform:translateY(-1px)}.routine-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.domain-badge,.status-badge{border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:#cdb789;font:800 7px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;background:rgba(213,174,94,.03)}.status-badge{color:#9f927d;border-color:rgba(255,255,255,.08)}.routine-card h3{font:400 25px/1.06 var(--serif);margin:18px 0 8px}.routine-card .outcome{color:var(--muted);font:600 10px/1.5 var(--sans);min-height:45px}.routine-card .meta{margin-top:auto;border-top:1px solid rgba(213,174,94,.11);padding-top:12px;color:var(--dim);font:700 8px/1.5 var(--sans)}.routine-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.routine-card-actions .ghost-btn,.routine-card-actions .gold-outline-btn{min-height:34px;padding:0 11px;font-size:8px}
.empty-state{grid-column:1/-1;border:1px dashed rgba(213,174,94,.28);border-radius:22px;padding:46px 26px;text-align:center;background:rgba(255,255,255,.008)}.empty-symbol{width:76px;height:76px;margin:0 auto 20px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:400 34px/1 var(--serif)}.empty-state h2{font:400 34px/1.05 var(--serif);margin-bottom:10px}.empty-state p{max-width:600px;margin:0 auto 20px;color:var(--muted);font:600 12px/1.6 var(--sans)}
.domain-launcher{margin-top:38px;border-top:1px solid var(--line);padding-top:30px}.domain-launcher h2{font:400 32px/1.05 var(--serif);margin:8px 0 8px}.domain-launcher>p{color:var(--muted);font:600 11px/1.55 var(--sans);max-width:680px}.domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.domain-button{border:1px solid var(--line);border-radius:15px;background:#090a0a;color:#d9c9a9;padding:14px;text-align:left;cursor:pointer}.domain-button:hover{border-color:var(--line-strong);background:rgba(213,174,94,.04)}.domain-button small{display:block;color:var(--gold);font:800 7px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.domain-button strong{font:400 17px/1.1 var(--serif)}
/* editor */
.editor-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.editor-side{position:sticky;top:92px;height:max-content;border:1px solid var(--line);border-radius:20px;padding:18px;background:#090a0a}.editor-side .domain-mark{width:58px;height:58px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:400 24px/1 var(--serif);margin-bottom:16px}.editor-side h2{font:400 24px/1.05 var(--serif);margin:8px 0 8px}.editor-side p{color:var(--muted);font:600 10px/1.5 var(--sans)}.step-list{display:grid;gap:6px;margin:20px 0}.step-button{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:#8d816d;padding:9px 10px;cursor:pointer;font:800 8px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}.step-button span{width:22px;height:22px;border:1px solid rgba(213,174,94,.18);border-radius:50%;display:grid;place-items:center;font-size:7px}.step-button.active{color:#ead9b6;border-color:var(--line);background:rgba(213,174,94,.045)}.step-button.active span{border-color:var(--line-strong);color:var(--gold)}
.editor-main{min-width:0}.editor-head{margin-bottom:22px}.editor-head h1{font:400 clamp(36px,4.5vw,62px)/1 var(--serif);margin:10px 0 10px}.editor-head p{color:var(--muted);font:600 12px/1.6 var(--sans);max-width:760px}.editor-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.004));padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.editor-panel h2{font:400 31px/1.05 var(--serif);margin:8px 0 8px}.editor-panel>.intro{color:var(--muted);font:600 11px/1.55 var(--sans);max-width:700px;margin-bottom:24px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{color:#cdbd9e;font:800 8px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(213,174,94,.19);border-radius:12px;background:#070808;color:#f0e4cd;padding:12px 13px;outline:none;font:600 12px/1.5 var(--sans)}.field textarea{min-height:104px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(213,174,94,.06)}.hint{color:#766b59;font:600 9px/1.45 var(--sans)}
.suggestion-box{margin:20px 0 0;border:1px solid rgba(213,174,94,.13);border-radius:14px;padding:14px;background:rgba(213,174,94,.025)}.suggestion-box small{display:block;color:var(--gold);font:800 7px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid rgba(213,174,94,.19);border-radius:999px;background:#080909;color:#bbaa89;min-height:31px;padding:0 10px;cursor:pointer;font:700 8px/1 var(--sans)}.chip:hover{border-color:var(--line-strong);color:#e6d4b0}
.sequence-list{display:grid;gap:9px}.sequence-row{display:grid;grid-template-columns:32px 1fr 36px;gap:8px;align-items:center}.sequence-num{width:30px;height:30px;border:1px solid rgba(213,174,94,.2);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:800 8px/1 var(--sans)}.sequence-row input{height:44px;border:1px solid rgba(213,174,94,.19);border-radius:11px;background:#070808;color:#f0e4cd;padding:0 12px;outline:none}.icon-btn{min-height:36px;width:36px;padding:0;border-radius:50%;font-size:13px}.add-step{margin-top:12px}
.editor-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.editor-nav-right{display:flex;gap:9px;flex-wrap:wrap}.save-note{align-self:center;margin-right:6px;color:var(--dim);font:700 8px/1.3 var(--sans);letter-spacing:.05em}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-card{border:1px solid rgba(213,174,94,.14);border-radius:14px;padding:15px;background:#080909}.review-card.full{grid-column:1/-1}.review-card small{display:block;color:var(--gold);font:800 7px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.review-card h3{font:400 20px/1.1 var(--serif);margin:0 0 6px}.review-card p,.review-card li{color:#a3957e;font:600 10px/1.5 var(--sans)}.review-card ol{margin:0;padding-left:19px}
/* detail */
.detail-back{margin-bottom:18px}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:22px}.detail-hero h1{font:400 clamp(42px,6vw,76px)/.95 var(--serif);margin:10px 0 10px}.detail-hero p{max-width:720px;color:var(--muted);font:600 12px/1.6 var(--sans)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.detail-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.004))}.detail-card.full{grid-column:1/-1}.detail-card small{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px}.detail-card h2{font:400 27px/1.07 var(--serif);margin:0 0 8px}.detail-card p{color:#a89a82;font:600 11px/1.55 var(--sans);white-space:pre-wrap}.sequence-display{counter-reset:steps;list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px}.sequence-display li{position:relative;padding:12px 14px 12px 46px;border:1px solid rgba(213,174,94,.12);border-radius:12px;color:#d4c3a2;font:600 11px/1.45 var(--sans);background:#080909}.sequence-display li:before{counter-increment:steps;content:counter(steps);position:absolute;left:12px;top:9px;width:25px;height:25px;border:1px solid rgba(213,174,94,.28);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:800 7px/1 var(--sans)}.version-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.version-tab{border:1px solid rgba(213,174,94,.16);border-radius:999px;background:#080909;color:#9d9078;min-height:32px;padding:0 11px;cursor:pointer;font:800 7px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.version-tab.active{border-color:var(--line-strong);color:var(--gold);background:rgba(213,174,94,.05)}.version-copy{min-height:80px;border-left:2px solid rgba(213,174,94,.35);padding:6px 0 6px 14px}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.confirm-card{width:min(460px,100%);border:1px solid var(--line-strong);border-radius:22px;background:#0b0c0c;padding:26px;box-shadow:0 35px 120px rgba(0,0,0,.75)}.confirm-card h2{font:400 31px/1.05 var(--serif);margin:10px 0 8px}.confirm-card p{color:var(--muted);font:600 11px/1.55 var(--sans)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:980px){.library-grid{grid-template-columns:1fr 1fr}.domain-grid{grid-template-columns:1fr 1fr}.editor-shell{grid-template-columns:1fr}.editor-side{position:relative;top:auto}.step-list{grid-template-columns:repeat(4,1fr)}.step-button{justify-content:center}.step-button .step-label{display:none}.detail-grid{grid-template-columns:1fr}.detail-card.full{grid-column:auto}}
@media(max-width:700px){.app-topbar{align-items:flex-start}.app-top-actions{justify-content:flex-end}.app-top-actions .ghost-btn:first-child{display:none}.hero-row,.detail-hero{display:block}.hero-actions,.detail-actions{justify-content:flex-start;margin-top:18px}.library-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.filters{display:grid;grid-template-columns:1fr}.search-input,.filter-select{max-width:none;width:100%}.field-grid,.review-grid{grid-template-columns:1fr}.field.full,.review-card.full{grid-column:auto}.continue-card{grid-template-columns:1fr}.continue-card .gold-btn{justify-self:start}.editor-nav{align-items:stretch;flex-direction:column}.editor-nav-right{justify-content:flex-end}.app-footer{flex-direction:column}.domain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.app-top-actions .ghost-btn{display:none}.app-brand strong{font-size:17px}.domain-grid{grid-template-columns:1fr}.step-list{grid-template-columns:repeat(7,1fr);gap:3px}.step-button{padding:5px}.step-button span{width:25px;height:25px}.editor-panel{padding:18px}.editor-main{min-width:0}.page-title{font-size:42px}.sequence-row{grid-template-columns:29px minmax(0,1fr) 34px}}

/* v3.5.5 purchase gate + owned-edition controls */
[hidden]{display:none!important}
.routine-gate{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -10%,rgba(213,174,94,.09),transparent 38%),#050606;color:var(--cream)}
.routine-gate-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,4vw,64px);border-bottom:1px solid var(--line)}
.routine-gate-brand{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:3px}.routine-gate-brand span{font:800 9px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.routine-gate-brand strong{font:400 20px/1.05 var(--serif);color:var(--cream)}
.routine-gate-main{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:clamp(28px,6vw,76px);align-items:center;padding:52px clamp(20px,5vw,70px) 72px}
.routine-gate-cover{display:grid;place-items:center}.routine-gate-cover img{display:block;width:min(100%,360px);max-height:520px;object-fit:contain;border-radius:3px;box-shadow:0 30px 90px rgba(0,0,0,.58)}
.routine-gate-card{border:1px solid var(--line-strong);border-radius:24px;padding:clamp(26px,5vw,46px);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));box-shadow:var(--shadow)}
.routine-gate-card .kicker{font:800 9px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.routine-gate-card h1{font:400 clamp(38px,5vw,62px)/.98 var(--serif);margin:13px 0 16px;color:#f1e7d2}.routine-gate-card>p{color:var(--muted);font:600 13px/1.65 var(--sans)}
.routine-access-form{display:grid;gap:9px;margin-top:26px}.routine-access-form label{font:800 8px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#cdbd9e}.routine-access-form input{height:50px;border:1px solid rgba(213,174,94,.25);border-radius:12px;background:#070808;color:#f0e4cd;padding:0 14px;outline:none}.routine-access-form input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(213,174,94,.06)}.routine-access-form button{height:50px;border:1px solid #d1a550;border-radius:999px;background:#090909;color:#d6b84c;cursor:pointer;font:800 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.routine-access-form button:hover{background:#11110f}.routine-access-form button:disabled{opacity:.62;cursor:wait}
.routine-access-status{min-height:20px;color:#b9aa8f;font:700 10px/1.5 var(--sans)}.routine-access-status.error{color:#e0a18f}.routine-gate-rule{height:1px;background:var(--line);margin:24px 0 18px}.routine-gate-small{font:600 10px/1.55 var(--sans)!important;color:var(--dim)!important}.routine-gate-link{display:inline-block;margin-top:4px;color:var(--gold);text-decoration:none;font:800 9px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}.routine-gate-link:hover{text-decoration:underline}
.owned-editions{margin-top:34px;border-top:1px solid var(--line);padding-top:30px}.owned-editions-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}.owned-editions h2{font:400 30px/1.05 var(--serif);margin:8px 0 0}.owned-editions p{color:var(--muted);font:600 11px/1.55 var(--sans);margin:0;max-width:650px}.owned-editions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.owned-edition-card{border:1px solid var(--line);border-radius:15px;background:#090a0a;padding:14px;display:flex;flex-direction:column;gap:12px}.owned-edition-card small{display:block;color:var(--gold);font:800 7px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.owned-edition-card strong{font:400 17px/1.1 var(--serif);color:#ddd0b8}.owned-edition-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.owned-edition-actions .ghost-btn,.owned-edition-actions .gold-outline-btn{min-height:34px;padding:0 10px;font-size:8px}.download-status{color:var(--dim);font:700 8px/1.4 var(--sans)}
@media(max-width:900px){.routine-gate-main{grid-template-columns:1fr;max-width:680px}.routine-gate-cover img{width:min(66vw,320px)}.owned-editions-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.routine-gate-top{align-items:flex-start}.routine-gate-main{padding-top:34px}.routine-gate-cover img{width:min(70vw,280px)}.routine-gate-card{padding:24px 20px}.owned-editions-grid{grid-template-columns:1fr}.owned-editions-head{display:block}.owned-editions-head p{margin-top:10px}}


/* v3.5.15 worked example library */
.example-back{margin-bottom:20px}.example-hero{max-width:980px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.example-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.005));box-shadow:0 18px 50px rgba(0,0,0,.2);display:flex;flex-direction:column;min-height:260px}.example-card:hover{border-color:rgba(213,174,94,.38);transform:translateY(-1px)}.example-card small{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.example-card h2{font:400 27px/1.06 var(--serif);margin:0 0 10px}.example-card p{color:var(--muted);font:600 10px/1.55 var(--sans);margin-bottom:18px}.example-card-meta{margin-top:auto;border-top:1px solid rgba(213,174,94,.11);padding:12px 0;color:var(--dim);font:700 8px/1.5 var(--sans)}.example-card .gold-outline-btn{align-self:flex-start}.example-detail-hero strong{color:#d8c49f}.example-versions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-versions>div{border:1px solid rgba(213,174,94,.14);border-radius:13px;background:#080909;padding:14px}.example-versions b{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.example-versions p{margin:0}.example-bottom-action{margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:16px;background:rgba(213,174,94,.025)}.example-bottom-action p{margin:0;color:var(--muted);font:600 10px/1.55 var(--sans)}
@media(max-width:900px){.example-grid{grid-template-columns:1fr 1fr}.example-versions{grid-template-columns:1fr}}
@media(max-width:600px){.example-grid{grid-template-columns:1fr}.example-bottom-action{align-items:flex-start;flex-direction:column}.example-card{min-height:0}}

/* v3.5.18 calendar tools + premium Routine Card exports */
.routine-export-panel,.routine-utility-bar{margin-top:22px;border:1px solid rgba(213,174,94,.22);border-radius:18px;background:linear-gradient(135deg,rgba(213,174,94,.055),rgba(255,255,255,.008));padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.routine-export-panel small,.routine-utility-bar small{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.routine-export-panel h3{font:400 24px/1.1 var(--serif);margin:0 0 7px;color:#eadfc9}.routine-export-panel p,.routine-utility-bar p{margin:0;color:var(--muted);font:600 10px/1.55 var(--sans);max-width:680px}.routine-export-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.routine-utility-bar{margin:0 0 18px}.routine-utility-bar>div:first-child{min-width:220px}
.export-modal-backdrop{z-index:140;overflow:auto;align-items:flex-start;padding:clamp(18px,4vw,42px)}.export-modal{position:relative;width:min(760px,100%);margin:auto;border:1px solid rgba(213,174,94,.34);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(213,174,94,.08),transparent 34%),#090a09;padding:clamp(24px,4vw,38px);box-shadow:0 35px 120px rgba(0,0,0,.78)}.export-modal h2{font:400 clamp(32px,5vw,48px)/1 var(--serif);margin:10px 0 12px;color:#f0e5d0}.export-modal-lead{color:var(--muted);font:600 11px/1.65 var(--sans);max-width:620px;margin:0 0 24px}.modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid rgba(213,174,94,.18);border-radius:50%;background:#0a0b0a;color:#cdb98e;cursor:pointer;font:400 25px/1 var(--serif)}.modal-close:hover{border-color:var(--line-strong);color:var(--gold)}
.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calendar-field{display:grid;gap:7px}.calendar-field.full{grid-column:1/-1}.calendar-field span,.custom-days legend{color:#cbb998;font:800 8px/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase}.calendar-field span em{font-style:normal;color:#756a58;letter-spacing:.04em}.calendar-field input,.calendar-field select{width:100%;height:46px;border:1px solid rgba(213,174,94,.19);border-radius:11px;background:#060707;color:#eadfc8;padding:0 12px;font:600 11px/1 var(--sans);outline:none}.calendar-field input:focus,.calendar-field select:focus{border-color:rgba(213,174,94,.5);box-shadow:0 0 0 3px rgba(213,174,94,.05)}.custom-days{margin:15px 0 0;border:1px solid rgba(213,174,94,.14);border-radius:12px;padding:14px;display:flex;gap:8px;flex-wrap:wrap}.custom-days[hidden]{display:none}.custom-days legend{padding:0 7px}.custom-days label{display:flex;align-items:center;gap:5px;color:#b7a98f;font:700 9px/1 var(--sans);padding:7px 9px;border:1px solid rgba(213,174,94,.12);border-radius:999px;background:#070808}.calendar-description{margin-top:18px;border-left:2px solid rgba(213,174,94,.36);padding:9px 0 9px 14px}.calendar-description small{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.calendar-description p{margin:0;color:#c9bba0;font:600 10px/1.55 var(--sans);white-space:pre-wrap}.calendar-smallprint{margin:15px 0 0;color:#736958;font:600 8px/1.5 var(--sans)}.export-modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:22px}
.card-modal{width:min(850px,100%)}.card-mode-switch{display:inline-flex;border:1px solid rgba(213,174,94,.16);border-radius:999px;padding:4px;background:#060707;margin-bottom:17px}.card-mode{border:0;border-radius:999px;background:transparent;color:#8f826e;cursor:pointer;padding:10px 14px;font:800 8px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.card-mode.active{background:rgba(213,174,94,.12);color:var(--gold)}.routine-card-preview{display:grid;place-items:center;min-height:310px;padding:18px;border:1px solid rgba(213,174,94,.14);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(213,174,94,.06),transparent 42%),#050606;overflow:hidden}.routine-card-preview img{display:block;max-width:min(100%,560px);max-height:65vh;object-fit:contain;box-shadow:0 22px 70px rgba(0,0,0,.55)}
@media(max-width:760px){.routine-export-panel,.routine-utility-bar{align-items:flex-start;flex-direction:column}.routine-export-actions{justify-content:flex-start;width:100%}.calendar-grid{grid-template-columns:1fr}.calendar-field.full{grid-column:auto}.export-modal-actions{justify-content:stretch}.export-modal-actions .ghost-btn,.export-modal-actions .gold-btn{flex:1}.routine-card-preview{padding:10px;min-height:240px}}
@media(max-width:520px){.routine-export-actions{display:grid;grid-template-columns:1fr;width:100%}.routine-export-actions button{width:100%}.export-modal{padding:24px 18px}.card-mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}}


/* v3.5.22 — social sharing + edition access codes */
.routine-gate-or{position:relative;display:flex;align-items:center;justify-content:center;margin:18px 0;color:#6f6556;font:800 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}.routine-gate-or:before,.routine-gate-or:after{content:"";height:1px;background:rgba(213,174,94,.16);flex:1}.routine-gate-or span{padding:0 12px}.routine-code-form{margin-top:0}.routine-code-form input{text-transform:uppercase;letter-spacing:.08em}.owned-editions-side{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;max-width:720px}.owned-editions-side p{max-width:520px}.share-status{min-height:22px;margin-top:12px;color:#9f917a;font:700 9px/1.5 var(--sans)}.share-status.error{color:#e0a18f}.code-modal{width:min(620px,100%)}.code-modal .calendar-field{margin-top:10px}.export-modal-actions button:disabled{opacity:.62;cursor:wait}
@media(max-width:760px){.owned-editions-side{align-items:flex-start;flex-direction:column}.owned-editions-side .gold-outline-btn{align-self:flex-start}}

/* v3.5.24 — dedicated social share actions */
.social-share-block{margin-top:18px;padding:14px 15px;border:1px solid rgba(213,174,94,.14);border-radius:14px;background:#060707}.social-share-block>small{display:block;color:var(--gold);font:800 8px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.social-share-actions{display:flex;gap:9px;flex-wrap:wrap}.social-share-block>p{margin:10px 0 0;color:#7f7462;font:600 8px/1.5 var(--sans)}.social-platform-btn{min-width:98px}@media(max-width:520px){.social-share-actions{display:grid;grid-template-columns:1fr 1fr}.social-share-actions #cardShareBtn{grid-column:1/-1}.social-share-actions button{width:100%}}