@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--paper:#fbfaf7;--surface:#fff;--surface-soft:#f4f0fb;--ink:#18222d;--muted:#66727d;--line:#e7e4dd;--violet:#7354c9;--violet-dark:#4c3695;--violet-soft:#ebe5fb;--mint:#e3f5e9;--peach:#f8e5d8;--shadow:0 20px 60px #2d264d14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at top left, #7354c914, transparent 26%), radial-gradient(circle at right top, #f9e5d7b3, transparent 20%), linear-gradient(180deg, #fff 0%, var(--paper) 24%, var(--paper) 100%);min-height:100vh;font-family:Poppins,Avenir Next,Avenir,system-ui,sans-serif}a{color:inherit;text-decoration:none}::selection{color:#2b184d;background:#7354c933}main{display:block}h2{color:var(--violet-dark);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf7e6;border-bottom:1px solid #e7e4dde0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:sticky;top:0}.logo{color:var(--violet-dark);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.logo img{object-fit:contain;filter:drop-shadow(0 7px 14px #7354c92e);width:30px;height:30px}.nav-links{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.76rem;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.14em;padding:4px 0}.nav-links a:hover,.nav-links a.active{color:var(--violet-dark)}.nav-account{color:var(--violet-dark);letter-spacing:.04em;align-items:center;gap:10px;font-size:.72rem;display:flex}.nav-signin,.nav-signout{font:inherit;cursor:pointer;color:var(--violet);background:0 0;border:0}.nav-signout{color:#7d8493}.page{max-width:1120px;margin:0 auto;padding:0 20px 56px}.home-shell{position:relative;overflow:hidden}.home-shell:before{content:"";opacity:.07;pointer-events:none;background-image:var(--popmark-image);background-repeat:repeat;background-size:64px;height:220px;position:absolute;inset:110px 12px auto;transform:rotate(-4deg)}.hero,.home-hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:30px;padding:74px 0 36px;display:grid;position:relative}.hero{text-align:center;max-width:720px;margin:0 auto}.home-hero{text-align:left;max-width:none;margin:0}.hero h1,.home-hero h1{letter-spacing:-.06em;color:#202533;font-size:clamp(2.8rem,6vw,5.6rem);font-weight:600;line-height:.98}.hero p,.home-hero p{color:var(--muted);margin-top:18px;font-size:1.03rem;line-height:1.7}.tag,.eyebrow{color:var(--violet-dark);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:inline-block}.tag{background:#fff;border:1px solid #7354c933;border-radius:999px;margin-bottom:18px;padding:7px 16px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--violet);color:#fff;font-weight:700;box-shadow:0 14px 32px #7354c938}.btn-primary:hover{background:var(--violet-dark)}.btn-secondary{color:var(--violet-dark);background:#fff;border-color:#d6d1e5}.btn-sm{padding:8px 14px;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.home-account-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffeb,#f3effaeb),#fff;border-radius:28px;padding:24px;position:relative;overflow:hidden}.home-account-rail{opacity:.22;background-image:var(--popmark-image);background-repeat:repeat;background-size:54px;width:180px;height:180px;position:absolute;inset:auto -24px -28px auto;transform:rotate(8deg)}.home-account-kicker{color:var(--violet);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800}.home-account-name{color:var(--ink);margin-top:12px;font-size:1.8rem;font-weight:600;line-height:1.1}.home-account-meta{color:var(--muted);margin-top:8px;font-size:.95rem;line-height:1.6}.home-account-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.home-account-loading{color:var(--muted)}.home-section{padding:34px 0 10px}.section-head{max-width:720px;margin-bottom:22px}.section-head h2{letter-spacing:-.05em;color:#202533;text-transform:none;margin-top:10px;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.04}.section-head p{color:var(--muted);margin-top:12px;line-height:1.7}.site-grid,.story-grid,.protocol-grid,.upload-grid,.feed-grid,.join-layout,.profile-layout,.analyze-layout,.two-col{gap:16px;display:grid}.site-grid,.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.protocol-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.upload-grid,.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.join-layout{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);padding-bottom:56px}.profile-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.analyze-layout{grid-template-columns:minmax(280px,.95fr) minmax(0,1.8fr);padding-bottom:56px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:56px}.site-card,.story-card,.protocol-card,.join-panel,.feed-card,.profile-panel,.analysis-panel,.stat{border:1px solid var(--line);background:var(--surface);border-radius:24px;box-shadow:0 8px 30px #322d4608}.site-card,.story-card,.protocol-card,.join-panel,.feed-card,.profile-panel{padding:22px}.site-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.site-card h3,.story-card h3,.protocol-card h3,.join-panel h2,.feed-card h3,.profile-panel h2{color:var(--violet-dark);font-size:1.05rem;line-height:1.2}.site-card a{color:var(--violet);font-size:.82rem;font-weight:700}.site-card ul{gap:10px;list-style:none;display:grid}.site-card li{color:var(--muted);padding-left:14px;font-size:.92rem;line-height:1.5;position:relative}.site-card li:before{content:"";background:var(--violet);border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.story-card p,.protocol-card p{color:var(--muted);margin-top:10px;font-size:.95rem;line-height:1.7}.join-panel h2,.profile-panel h2,.feed-card h3{margin-bottom:10px}.join-copy,.muted,.join-note,.feed-row span,.feed-subhead,.profile-summary span{color:var(--muted)}.join-copy,.muted{font-size:.95rem;line-height:1.7}.join-form{flex-direction:column;gap:14px;margin-top:10px;display:flex}.join-form label{color:var(--muted);flex-direction:column;gap:8px;font-size:.82rem;display:flex}.join-form input,.join-form textarea,.join-form select,.form-row input,.form-row textarea,.analyze-input textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8d4e3;border-radius:14px;outline:none;padding:13px 14px}.join-form input:focus,.join-form textarea:focus,.join-form select:focus,.form-row input:focus,.form-row textarea:focus,.analyze-input textarea:focus{border-color:#7354c98c;box-shadow:0 0 0 4px #7354c914}.join-form textarea,.form-row textarea,.analyze-input textarea{resize:vertical;min-height:120px;line-height:1.6}.join-consent{align-items:flex-start;line-height:1.5;flex-direction:row!important;gap:9px!important;display:flex!important}.join-consent input{width:auto;margin-top:3px}.join-note{font-size:.78rem;line-height:1.6}.join-status,.status{color:#5d47a7;background:#f3effc;border:1px solid #d9cdee;border-radius:14px;margin-top:14px;padding:13px 15px;font-size:.9rem;line-height:1.5}.join-status.error,.status-error{color:#a23d3d;background:#fff1f1;border-color:#f0c1c1}.join-status.success{color:#0d7a52;background:#edfdf5;border-color:#bce6d4}.join-list{gap:14px;margin-top:16px;display:grid}.join-list-item{color:var(--muted);border-top:1px solid #eee8f7;padding-top:14px;font-size:.9rem;line-height:1.6}.join-list-item strong{color:var(--ink);margin-bottom:4px;font-size:.96rem;display:block}.join-list-item strong,.feed-row strong{font-weight:600}.analysis-panel{padding:24px}.poem-display{margin-bottom:16px}.poem-line{color:var(--ink);letter-spacing:.02em;font-size:1.15rem;font-style:italic;line-height:1.7}.stress-row{margin-bottom:16px}.label,.analysis-title,.analysis-header .analysis-title{color:var(--violet-dark);text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px;font-size:.72rem;font-weight:800}.stress-bits{flex-wrap:wrap;gap:4px;display:flex}.stress-bits.large{gap:6px}.bit{text-align:center;border-radius:6px;width:20px;font-size:1rem}.bit.s{color:var(--violet);background:#7354c914}.bit.u{color:#7c8594;background:#f2f4f8}.stress-bits.large .bit{width:26px;font-size:1.15rem}.spectral-chart{margin:16px 0}.spectral-bars{align-items:flex-end;gap:2px;height:120px;margin-bottom:6px;display:flex}.spectral-bar-group{flex:1;align-items:flex-end;height:100%;display:flex}.spectral-bar{background:#e4deef;border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:all .3s}.spectral-bar.dominant{background:var(--violet);box-shadow:0 0 10px #7354c942}.spectral-labels{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.stat{text-align:center;background:#fff;padding:14px}.stat-num{color:var(--ink);font-size:1.02rem;font-weight:600}.stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:.66rem}.meter-box{margin-top:14px}.meter-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.meter-tag,.pill{background:var(--violet-soft);color:var(--violet-dark);letter-spacing:.08em;text-transform:uppercase;border:1px solid #7354c933;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.footer{color:var(--muted);border-top:1px solid #e7e4dde6;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:32px 18px 44px;font-size:.72rem;display:flex}.footer a{color:var(--violet-dark)}.submit-form{max-width:660px;margin:0 auto;padding:0 0 20px}.form-row{margin-bottom:12px}.form-rules{flex-wrap:wrap;gap:12px;margin:18px 0 16px;display:flex}.rule{color:var(--muted);letter-spacing:.03em;font-size:.72rem}.rule:before{content:"✓";color:var(--violet)}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.preview-poem{margin-bottom:16px}.analyze-input .example-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.analyze-output{min-height:200px}.analysis-header{margin-bottom:20px}.analysis-section{margin-bottom:24px}.syllable-count{color:var(--muted);margin-top:8px;font-size:.86rem}.param-table{flex-direction:column;gap:8px;display:flex}.param-row{background:#faf8fe;border:1px solid #ebe5fb;border-radius:14px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.92rem;display:flex}.param-key{color:var(--muted)}.param-val{color:var(--ink);font-family:monospace}.param-val strong{color:var(--violet-dark)}.freq-map{font-family:monospace;font-size:.82rem;line-height:1.7}.freq-row{gap:8px;padding:3px 0;display:flex}.freq-dominant{color:var(--violet-dark);font-weight:700}.freq-k{width:34px;color:var(--muted)}.freq-hz{color:#87909b;width:86px}.freq-bar{color:#7354c959;letter-spacing:1px}.freq-dominant .freq-bar{color:var(--violet)}.empty-state{text-align:center;color:var(--muted);padding:24px;font-size:.92rem}.feed-card .empty-state{padding:18px 0}.feed-row{border-top:1px solid #eee8f7;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.feed-row:first-of-type{border-top:0;padding-top:0}.feed-row strong{color:var(--ink);font-size:.94rem;display:block}.feed-row span{margin-top:3px;font-size:.82rem;line-height:1.5;display:block}.feed-row a{color:var(--violet);white-space:nowrap;font-size:.82rem;font-weight:700}.feed-subhead{letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #eee8f7;margin-top:10px;padding-top:12px;font-size:.74rem}.profile-summary{gap:12px;margin-top:8px;display:grid}.profile-summary div{background:#fbf9ff;border:1px solid #ebe5fb;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.profile-summary strong{color:var(--ink);text-align:right;font-weight:600}.home-section--note{padding-bottom:26px}@media (width<=1040px){.site-grid,.story-grid,.upload-grid,.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-grid,.profile-layout,.analyze-layout,.join-layout,.home-hero,.two-col{grid-template-columns:1fr}}@media (width<=720px){.nav{padding:16px 18px}.nav-links{gap:12px}.page{padding-inline:16px}.hero,.home-hero{padding-top:42px}.site-grid,.story-grid,.protocol-grid,.upload-grid,.feed-grid,.profile-layout,.two-col,.analyze-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1,.home-hero h1{font-size:clamp(2.2rem,12vw,3.4rem)}}