body{background:radial-gradient(circle at 8% 0,#fff 0,transparent 28%),linear-gradient(180deg,#f8faff 0,var(--paper) 42%);min-height:100dvh}
.panel,.project-card,.template-card,.quick-action,.recent-book{border-color:#dfe6f0;box-shadow:0 12px 34px #0b2d5f0d,0 2px 8px #0b2d5f0a}
.panel{background:linear-gradient(145deg,#fff,#fcfdff)}
.btn,.step-card,.project-card,.home-book,.recent-book,.quick-action{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:active,.step-card:active,.project-card:active,.home-book:active,.recent-book:active,.quick-action:active{transform:scale(.985)}
.btn:focus-visible,.step-card:focus-visible,.project-card:focus-visible,.app-dock button:focus-visible{outline:3px solid #c8613c55;outline-offset:3px}
.home-welcome,.book-hero,.library-hero{border:1px solid #ffffff22;box-shadow:0 28px 70px #0b2d5f20}
.home-welcome,.book-hero{position:relative}
.home-welcome:after,.book-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff12,transparent 42%);border-radius:inherit}
.step-card{border:1px solid #e4eaf2!important}.step-card strong{letter-spacing:.015em}.step-card small{display:inline-flex;align-items:center;gap:6px}
input,select,textarea{transition:border-color .18s,box-shadow .18s;background:#fff}.record{box-shadow:inset 0 0 0 1px #d4e1eb,0 16px 35px #0b2d5f10}
.language-field{animation:fieldIn .25s ease}@keyframes fieldIn{from{opacity:0;transform:translateY(-5px)}}
.transcript-form{margin-top:18px}.transcript-form>div:first-child p{margin:4px 0 0;color:var(--muted)}.transcript-form textarea{min-height:150px}
.journey-progress{display:flex;align-items:center;gap:14px;margin:-8px 0 24px}.journey-progress>span{height:8px;flex:1;background:#e2e8f1;border-radius:99px;overflow:hidden}.journey-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold))}.journey-progress strong{min-width:42px;color:var(--green)}
.step-card.completed-step{background:linear-gradient(145deg,#fff,#f5faf8)}.step-status{display:inline-flex!important;width:auto!important;height:auto!important;margin-top:11px;padding:4px 10px!important;border-radius:99px!important;background:#e0f1e8!important;color:#246047!important;font-size:12px;font-weight:400!important}
.story-data-head{max-width:760px;margin-bottom:30px}.story-data-head h1{font-size:clamp(38px,5vw,62px);line-height:1.2;margin:10px 0}.story-data-head>p:last-child,.muted{color:var(--muted)}.story-data-grid,.story-data-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.story-data-grid h2,.story-data-columns h2,.story-register h2,.relation-form h2{margin:0;font-size:25px}.story-register,.relation-form{margin:20px 0}.register-head{display:flex;justify-content:space-between;align-items:center}.register-head span{color:var(--gold)}.people-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.people-chips>span{display:flex;align-items:center;gap:9px;padding:7px 13px 7px 7px;border:1px solid var(--line);border-radius:99px;background:#f8fafc}.people-chips i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:#fff;font-style:normal}.relation-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.data-row{padding:15px 0;border-bottom:1px solid var(--line)}.data-row:last-child{border-bottom:0}.data-row p{margin:4px 0 0;color:var(--muted)}
.step-card.story-data .step-visual{background-image:linear-gradient(#0b2d5f22,#0b2d5f22),url('/static/assets/storyme-hero-v1.png')}
.auth-copy h1{font-size:clamp(36px,5vw,58px)!important}.page-head h1,.narrow h1{font-size:clamp(32px,4.2vw,52px)!important}.home-welcome h1{font-size:clamp(27px,3.4vw,43px)!important}.book-hero h1,.library-hero h1,.service-intro h1{font-size:clamp(33px,4.2vw,52px)!important}.section-title h2,.journey-head h2{font-size:clamp(25px,2.8vw,35px)!important}.lead,.home-welcome p:last-child,.library-hero>p:last-child{font-size:17px!important}
.visual-stories{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 0}.visual-stories figure{position:relative;min-height:220px;margin:0;overflow:hidden;border-radius:24px;box-shadow:var(--shadow);background:var(--forest)}.visual-stories img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.83;transition:transform .7s ease}.visual-stories figure:hover img{transform:scale(1.035)}.visual-stories figure:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071a38d9)}.visual-stories figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:19px;color:#fff;display:grid}.visual-stories figcaption strong{font-size:20px}.visual-stories figcaption span{font-size:13px;color:#e8edf5}.interview-scene,.story-data-scene{width:100%;height:230px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.experience-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.experience-settings p{margin:4px 0 0;color:var(--muted)}.sound-switch input{position:absolute;opacity:0}.sound-switch span{display:block;width:54px;height:30px;border-radius:99px;background:#cbd5e1;position:relative;transition:.2s}.sound-switch span:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 7px #0b2d5f30;transition:.2s}.sound-switch input:checked+span{background:var(--green)}.sound-switch input:checked+span:after{transform:translateX(24px)}
#view>*,.auth-card,.auth-copy{animation:storymeEnter .48s cubic-bezier(.2,.8,.2,1) both}@keyframes storymeEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.journey .step-card:nth-child(2),.project-grid>*:nth-child(2){animation-delay:.05s}.journey .step-card:nth-child(3),.project-grid>*:nth-child(3){animation-delay:.1s}.record.active:before,.record.active:after{content:"";position:absolute;width:90px;height:90px;border:1px solid #b7595066;border-radius:50%;animation:recordWave 1.8s ease-out infinite}.record.active:after{animation-delay:.6s}.record{position:relative}@keyframes recordWave{from{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.45)}}
.record{position:relative}.record.active:before,.record.active:after{content:"";position:absolute;width:92px;height:92px;border:1px solid #b75950;border-radius:50%;animation:recordWave 1.8s ease-out infinite}.record.active:after{animation-delay:.55s}
.experience-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.experience-settings p{margin:4px 0 0;color:var(--muted)}.sound-switch{display:block}.sound-switch input{position:absolute;opacity:0}.sound-switch span{display:block;width:54px;height:30px;border-radius:99px;background:#dbe2eb;position:relative;transition:.2s}.sound-switch span:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0b2d5f25;transition:.2s}.sound-switch input:checked+span{background:var(--forest)}.sound-switch input:checked+span:after{transform:translateX(24px)}
.app-loading{opacity:.62;pointer-events:none}.app-loading .btn{cursor:wait}
@media(max-width:760px){#view{padding-top:24px}.story-data-grid,.story-data-columns,.relation-fields,.visual-stories{grid-template-columns:1fr}.visual-stories figure{min-height:190px}.interview-scene,.story-data-scene{height:190px}.home-welcome,.book-hero,.library-hero{border-radius:26px}.panel{border-radius:19px}.step-card{border-radius:20px}.app-dock{box-shadow:0 16px 50px #071a3845}.language-toggle{top:12px;right:12px}.auth-page>.language-toggle{position:fixed}.page-head{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}