:root{--canvas:#f7f8fa;--surface:#ffffff;--elevated-surface:#ffffff;--text-primary:#16202a;--text-secondary:#526170;--text-tertiary:#73808d;--border:#dce2e8;--border-strong:#b6c2cd;--accent:#146a61;--accent-contrast:#ffffff;--danger:#b42318;--radius-control:8px;--radius-panel:12px;--shadow-panel:0 8px 24px rgb(22 32 42/7%)}*{box-sizing:border-box}html{background:var(--canvas);color:var(--text-primary)}body{margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.auth-layout,.foundation-page{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(100%,440px);padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.panel h1{margin:0 0 8px;font-size:28px}.panel p{line-height:1.5}.field,.panel p{color:var(--text-secondary)}.field{display:grid;grid-gap:6px;gap:6px;margin:16px 0;font-size:14px}.field input{border:1px solid var(--border-strong);border-radius:var(--radius-control);padding:10px 12px;color:var(--text-primary)}.button{display:inline-flex;justify-content:center;border:0;border-radius:var(--radius-control);padding:10px 14px;background:var(--accent);color:var(--accent-contrast);cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.65}.error{margin:12px 0;color:var(--danger)}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:24px 16px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.sidebar-brand{font-weight:700}.sidebar-settings{display:block;margin:16px 12px 0;color:var(--text-secondary);font-size:13px}.notification-menu{position:relative}.notification-bell{position:relative;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-primary);width:34px;height:34px;cursor:pointer}.notification-count{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px}.notification-panel{position:absolute;z-index:40;top:42px;left:0;width:min(420px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 70px));overflow:auto;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel);padding:14px}.notification-panel header{display:flex;justify-content:space-between;align-items:center}.notification-panel ul{display:grid;grid-gap:8px;gap:8px;padding:0;list-style:none}.notification-item{display:grid;width:100%;grid-gap:4px;gap:4px;border:0;border-radius:var(--radius-control);padding:12px;background:transparent;text-align:left;cursor:pointer;color:var(--text-secondary)}.notification-item:focus-visible,.notification-item:hover{background:#edf4f3}.notification-item.unread{background:#edf7f5;color:var(--text-primary)}.notification-item small,.notification-item time{color:var(--text-tertiary)}.settings-page{width:min(100%,720px)}.settings-page .panel{width:100%}.settings-option{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer}.settings-option span{display:grid;grid-gap:4px;gap:4px}.settings-option small{color:var(--text-secondary)}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.sidebar nav a{border-radius:var(--radius-control);padding:10px 12px;color:var(--text-secondary)}.sidebar nav a:focus-visible,.sidebar nav a:hover{background:#edf4f3;color:var(--accent)}.sidebar-create{margin-top:24px;width:100%}.shell-content{padding:48px}.eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.experience-flow,.wide-panel{width:min(100%,760px)}.steps{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0 0 24px;list-style:none;color:var(--text-tertiary);font-size:14px}.steps .active{color:var(--accent);font-weight:700}.button-row{display:flex;gap:10px}.secondary{background:#e8eeed;color:var(--text-primary)}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:32px}.admin-queue h1,.conversion-detail h1,.library-page h1,.page-header h1{margin:0 0 8px}.page-header p{margin:0;color:var(--text-secondary)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.empty-state,.experience-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel)}.experience-preview{min-height:170px;display:grid;place-items:center;background:linear-gradient(135deg,#e1ecea,#f0f4f6);color:var(--accent);font-weight:700}.experience-card-body{padding:18px}.library-tabs{display:flex;gap:8px;margin:0 0 18px;color:var(--text-secondary)}.library-tabs span{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.card-actions .button{padding:8px 10px;font-size:13px}.drawer{position:fixed;z-index:20;top:0;right:0;width:min(100%,460px);min-height:100vh;padding:28px;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px rgb(22 32 42/12%)}.drawer h2{margin-top:0}.drawer-close{float:right;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.share-list{display:grid;grid-gap:12px;gap:12px;padding:0;list-style:none}.share-list li{display:grid;grid-gap:6px;gap:6px;padding:12px}.link-button,.share-list li{border:1px solid var(--border);border-radius:var(--radius-control)}.link-button{width:auto;background:var(--surface);padding:6px 8px;cursor:pointer}.experience-card-body h2{margin:10px 0 4px;font-size:18px}.experience-card-body p{margin:0;color:var(--text-secondary);font-size:14px}.status-pill{border-radius:99px;padding:4px 8px;background:#e5f3f0;font-size:12px}.status-pill,.success{color:var(--accent);font-weight:700}.home-page{width:min(100%,980px)}.home-header{margin:0 0 28px}.home-header h1{margin:0 0 8px;font-size:clamp(30px,5vw,42px)}.home-header p{margin:0;color:var(--text-secondary)}.home-hero{padding:36px;border:1px solid #b9d8d3;border-radius:16px;background:linear-gradient(135deg,#e8f4f1,var(--surface));box-shadow:var(--shadow-panel)}.home-hero h2{max-width:720px;margin:6px 0 12px;font-size:clamp(25px,4vw,35px)}.home-hero>p{max-width:720px;color:var(--text-secondary);line-height:1.5}.home-hero .button{margin-top:10px}.home-context,.home-row small{color:var(--text-tertiary)!important;font-size:13px}.home-section{margin-top:32px}.home-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 12px}.home-section-heading h2{margin:0;font-size:21px}.home-section-heading a{color:var(--accent);font-size:14px;font-weight:700}.home-list{border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface)}.home-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border)}.home-row:last-child{border-bottom:0}.home-row strong{display:block;margin-top:7px}.home-row p{margin:6px 0;color:var(--text-secondary);line-height:1.4}.home-row .button{flex:0 0 auto}.empty-state{grid-column:1/-1;padding:32px}.empty-state h2{margin-top:0}.empty-state p{color:var(--text-secondary)}.queue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.queue-toolbar label{display:grid;grid-gap:6px;gap:6px;color:var(--text-secondary);font-size:14px}.queue-table{border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface)}.queue-row{display:grid;grid-template-columns:1.6fr 1fr .9fr .8fr 1.3fr;grid-gap:14px;gap:14px;padding:16px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.queue-row:last-child{border-bottom:0}.queue-row:not(.queue-head):hover{background:#f8fbfa}.queue-head{background:#f4f7f8;color:var(--text-tertiary);font-size:12px;font-weight:700;text-transform:uppercase}.queue-row strong{color:var(--text-primary);display:block}.queue-row small{display:block;margin-top:4px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.conversion-detail>.panel,.detail-grid{margin:20px 0}.conversion-detail dl{display:grid;grid-template-columns:130px 1fr;grid-gap:10px;gap:10px}.conversion-detail dt{color:var(--text-tertiary)}.conversion-detail dd{margin:0;color:var(--text-secondary)}.version-panel{margin:20px 0}.version-list{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.version-row{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-control)}.version-row p{margin:5px 0;color:var(--text-secondary)}.analytics-page,.recipient-detail{width:min(100%,1120px)}.analytics-tabs{display:flex;gap:28px;border-bottom:1px solid var(--border);margin:0 0 24px}.analytics-tabs a,.analytics-tabs span{padding:0 0 14px;color:var(--text-secondary)}.analytics-tabs .active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:700}.analytics-toolbar{display:flex;gap:12px;align-items:end;margin-bottom:20px}.analytics-toolbar label{display:grid;grid-gap:6px;gap:6px;color:var(--text-secondary);font-size:14px}.analytics-toolbar input,.analytics-toolbar select{min-height:42px;min-width:180px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface)}.analytics-toolbar label:first-child input{width:min(100%,360px)}.analytics-list{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.analytics-row{display:grid;grid-template-columns:1.35fr 1fr 1.15fr .55fr .9fr;grid-gap:18px;gap:18px;align-items:center;min-height:74px;padding:14px 18px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.analytics-row:last-child{border-bottom:0}.analytics-row:not(.analytics-head):hover{background:#f8fbfa}.analytics-row strong{color:var(--text-primary)}.analytics-row small{display:block;margin-top:4px;font-weight:400;color:var(--text-tertiary)}.analytics-head{min-height:42px;background:#f4f7f8;color:var(--text-tertiary);font-size:12px;font-weight:700;text-transform:uppercase}.analytics-next{margin-top:16px}.back-link{display:inline-block;margin-bottom:18px;color:var(--accent);font-weight:700}.fact-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0;margin:24px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.fact-strip span{display:grid;grid-gap:4px;gap:4px;padding:0 18px;color:var(--text-secondary);border-right:1px solid var(--border)}.fact-strip span:last-child{border-right:0}.fact-strip strong{color:var(--text-primary);font-size:22px}.activity-timeline{display:grid;grid-gap:0;gap:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.activity-timeline article{display:grid;grid-template-columns:180px 1fr;grid-gap:18px;gap:18px;padding:16px 20px;border-bottom:1px solid var(--border)}.activity-timeline article:last-child{border-bottom:0}.activity-timeline time{color:var(--text-tertiary)}.activity-timeline p{margin:0;color:var(--text-primary)}@media (max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{grid-template-columns:repeat(3,1fr)}.notification-panel{position:fixed;top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:70vh}.shell-content{padding:28px 20px}.page-header,.queue-toolbar{display:grid}.queue-row{grid-template-columns:1fr;gap:6px}.queue-head{display:none}.analytics-toolbar{display:grid;align-items:stretch}.analytics-toolbar label:first-child input{width:100%}.analytics-row{grid-template-columns:1fr;gap:6px}.analytics-head{display:none}.fact-strip{grid-template-columns:1fr 1fr;gap:16px}.fact-strip span{border-right:0;padding:0 8px}.activity-timeline article{grid-template-columns:1fr;gap:6px}.home-hero{padding:26px 22px}.home-row,.home-section-heading{align-items:start}.home-row{display:grid}.home-row .button{width:-moz-fit-content;width:fit-content}}