#pervye{max-width:760px!important;min-height:100vh}
#pervye .mast{display:none!important}
#pervye .board{display:block}
#pervye .stage{display:block!important}
#pervye .stage .phone{width:100%!important;max-width:none!important;min-height:650px!important;margin:0!important;border-radius:28px!important}
#pervye .body{padding-bottom:92px}
#pervye .app-loading{padding:56px;text-align:center;color:var(--muted)}
#pervye .hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#pervye .file-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px dashed var(--berry);border-radius:16px;background:var(--white)}
#pervye .file-choice strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pervye .media-preview{width:100%;max-height:330px;border-radius:18px;background:#2a0d1b;object-fit:cover}
#pervye img.image{object-fit:cover}
#pervye audio{width:100%;accent-color:var(--plum)}
#pervye .editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#pervye .ui-icon{display:block;width:21px;height:21px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
#pervye .app-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--plum)}
#pervye .app-brand .brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--plum);color:var(--white)}
#pervye .app-brand .brand-mark .ui-icon{width:19px;height:19px}
#pervye .top{min-height:44px}
#pervye .word-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px}
#pervye .word-card>.word{min-width:0}
#pervye .word-card>.word>.ui-icon{width:18px;height:18px;flex:none}
#pervye .word-card .word-copy{display:grid;gap:2px;min-width:0}
#pervye .word-card .word-copy strong,#pervye .word-card .word-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pervye .word-card .word-date{margin-top:3px;color:var(--berry);font-size:11px}
#pervye .word-actions{display:flex;align-items:center;gap:7px}
#pervye .word-actions button{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;display:grid;place-items:center}
#pervye .word-actions .home-play{background:var(--plum);color:var(--white)}
#pervye .word-actions .quick-add{border:1px solid var(--line);background:var(--white);color:var(--plum)}
#pervye .nav button{font-family:inherit}
#pervye .nav button .ui-icon{width:20px;height:20px;margin:auto}
#pervye article.quote-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:0;padding:22px;text-align:left;touch-action:auto}
#pervye article.quote-card .quote-main{display:grid;justify-items:start;gap:12px;width:100%;min-width:0}
#pervye article.quote-card .quote-main strong{font-size:clamp(30px,6vw,48px);font-style:normal;line-height:1.1;overflow-wrap:break-word;word-break:normal}
#pervye article.quote-card .pronunciation-play{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--rose)}
#pervye article.quote-card .pronunciation-play .wave{justify-content:flex-start}
#pervye article.quote-card .editor-actions{width:100%}
#pervye article.quote-card .editor-actions button{min-width:0}
#pervye .compact-word-form{display:grid;gap:16px}
#pervye .word-form-screen{display:grid;gap:12px}
#pervye .word-form-screen h2{font-size:clamp(30px,5vw,39px)}
#pervye .form-lead{margin:-5px 0 2px;color:var(--muted);font-size:14px}
#pervye .compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pervye .compact-form-grid.single{grid-template-columns:1fr}
#pervye .compact-audio{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
#pervye .compact-audio-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pervye .compact-audio-title{display:flex;align-items:center;gap:10px}
#pervye .compact-audio-title .audio-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--rose);color:var(--plum)}
#pervye .compact-audio-title strong,#pervye .compact-audio-title small{display:block}
#pervye .audio-choice-actions{display:flex;gap:8px;flex-wrap:wrap}
#pervye .audio-choice-actions button,#pervye .audio-choice-actions .audio-upload{min-height:42px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--white);color:var(--plum);font-weight:600;cursor:pointer}
#pervye .audio-choice-actions button.recording{background:var(--plum);color:var(--white)}
#pervye .audio-choice-actions .ui-icon{width:18px;height:18px}
#pervye .audio-ready{display:grid;gap:8px;padding-top:2px}
#pervye .audio-ready small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pervye details.optional-panel,#pervye details.trim-panel{border:1px solid var(--line);border-radius:15px;background:var(--white)}
#pervye details.optional-panel summary,#pervye details.trim-panel summary{min-height:46px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--plum);font-weight:600;cursor:pointer;list-style:none}
#pervye details.optional-panel summary::-webkit-details-marker,#pervye details.trim-panel summary::-webkit-details-marker{display:none}
#pervye details.optional-panel summary::after,#pervye details.trim-panel summary::after{content:'＋';font-size:20px;font-weight:400}
#pervye details.optional-panel[open] summary::after,#pervye details.trim-panel[open] summary::after{content:'−'}
#pervye .optional-fields,#pervye .trim-fields{display:grid;gap:12px;padding:0 14px 14px}
#pervye .optional-fields textarea{min-height:72px}
#pervye .compact-save{min-height:50px;font-size:16px}
#pervye .waveform-editor{position:relative;height:142px;overflow:hidden;border-radius:16px;background:#f8e6ed;border:1px solid var(--line);touch-action:none;user-select:none;cursor:crosshair}
#pervye .waveform-editor canvas{position:absolute;inset:0;width:100%;height:100%}
#pervye .wave-shade{position:absolute;top:0;bottom:0;background:#46172d26;pointer-events:none}
#pervye .wave-shade.left{left:0}
#pervye .wave-shade.right{right:0}
#pervye .wave-selection{position:absolute;top:0;bottom:0;border-top:2px solid var(--plum);border-bottom:2px solid var(--plum);background:#fff8fa1f;pointer-events:none}
#pervye .wave-handle{position:absolute;top:0;bottom:0;width:18px;transform:translateX(-50%);z-index:3;cursor:ew-resize;outline:none}
#pervye .wave-handle::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:4px;background:var(--plum);border-radius:4px}
#pervye .wave-handle::after{content:'⋮';position:absolute;left:1px;top:50%;width:16px;height:30px;margin-top:-15px;display:grid;place-items:center;border-radius:7px;background:var(--plum);color:#fff;font-size:17px;line-height:1}
#pervye .wave-handle:focus-visible::after{outline:3px solid #d48da9;outline-offset:2px}
#pervye .wave-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;background:#f8e6ed;z-index:4}
#pervye .wave-times{display:flex;justify-content:space-between;gap:12px;color:var(--plum);font-size:13px;font-weight:600}
#pervye .wave-times span{display:grid;gap:2px}
#pervye .wave-times span:last-child{text-align:right}
#pervye .trim-fields>.secondary{display:flex;align-items:center;justify-content:center;gap:7px}
#pervye .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:99px;background:var(--ink);color:white;box-shadow:0 8px 30px #46172d44}
#pervye .danger{color:#8b1838;border-color:#d6a3b4;background:#fff6f8}
#pervye .route-title{display:flex;align-items:center;gap:10px}
#pervye .route-title h2{margin:0}
#pervye .upload-progress{height:7px;overflow:hidden;border-radius:99px;background:var(--rose)}
#pervye .upload-progress span{display:block;height:100%;width:45%;border-radius:inherit;background:var(--plum);animation:uploading 1s ease-in-out infinite alternate}
@keyframes uploading{to{transform:translateX(120%)}}
@media(max-width:620px){body{padding:0!important}#pervye .stage .phone{border-radius:0!important;min-height:100vh!important;border:0}#pervye .body{padding:18px 16px 92px}#pervye .word-card{gap:7px;padding:10px}#pervye .word-actions{gap:5px}#pervye .word-actions button{width:39px;height:39px;min-height:39px}#pervye .word-form-screen h2{font-size:30px}#pervye .compact-form-grid{grid-template-columns:1fr}#pervye .compact-audio-head{align-items:flex-start;flex-direction:column}#pervye .audio-choice-actions{width:100%}#pervye .audio-choice-actions button,#pervye .audio-choice-actions .audio-upload{flex:1}#pervye .waveform-editor{height:120px}#pervye .editor-actions{grid-template-columns:1fr}}
