:root{color-scheme:light;--ink:#173b38;--muted:#6d7d79;--paper:#f6f7f5;--card:#fff;--green:#19756b;--green-dark:#10574f;--mint:#e5f1ee;--sand:#f2ede3;--line:#e3e8e5;--danger:#a94b42;--orange:#d88742;--shadow:0 18px 45px rgba(28,65,61,.09);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;min-height:100dvh;color:var(--ink);background:var(--paper)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(25,117,107,.25);outline-offset:3px}[hidden]{display:none!important}.app-shell{width:min(100%,780px);min-height:100dvh;margin:auto;background:var(--paper)}
.topbar{height:72px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:rgba(246,247,245,.9);backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;border:0;background:none;padding:0;text-align:left;cursor:pointer}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;font-weight:900;font-family:Georgia,serif}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.05em;font-size:.92rem}.brand small{font-size:.7rem;color:var(--muted);margin-top:1px}.topbar-actions{display:flex;gap:8px}.icon-button,.avatar-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--card);cursor:pointer;position:relative}.avatar-button{background:#d9e8e4;border-color:#d9e8e4;color:var(--green-dark);font-weight:800}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);right:5px;top:5px;border:1px solid #fff}
.screen{padding:22px 20px calc(104px + env(safe-area-inset-bottom));animation:appear .22s ease}.detail-screen,.questionnaire-screen{padding-bottom:calc(36px + env(safe-area-inset-bottom))}@keyframes appear{from{opacity:0;transform:translateY(5px)}}.overline{margin:0;color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:8px 0 0;font-size:clamp(2.25rem,10vw,3.7rem);line-height:1;letter-spacing:-.055em}h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}h2,h3,p{margin-top:0}.welcome-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.day-ring{width:72px;height:72px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--mint);color:var(--green)}.day-ring strong{font-size:1.55rem;line-height:1}.day-ring span{font-size:.6rem;margin-top:3px}.page-heading{margin-bottom:24px}.page-heading p:last-child{color:var(--muted);line-height:1.5;margin:12px 0 0;max-width:34rem}
.assignment-card{position:relative;background:var(--card);border-radius:28px;padding:22px;box-shadow:var(--shadow);overflow:hidden}.assignment-card.featured{border-top:4px solid var(--green)}.assignment-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:28px solid rgba(25,117,107,.035);right:-75px;top:30px}.card-topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.status-pill{display:inline-flex;width:max-content;padding:5px 9px;border-radius:99px;font-size:.65rem;font-weight:800;letter-spacing:.02em}.status-pill.urgent{background:#fff0e5;color:#a85525}.status-pill.calm{background:var(--mint);color:var(--green)}.status-pill.neutral{background:#eff1ef;color:#68736f}.more-button{border:0;background:transparent;color:var(--muted);letter-spacing:.12em;cursor:pointer}.scale-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:var(--mint);margin:25px 0 17px}.scale-icon svg{width:47px;height:47px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round}.card-kicker{font-size:.7rem;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px}.assignment-card h2{font-size:2rem;letter-spacing:-.045em;margin:0}.card-subtitle{color:var(--muted);margin:3px 0 18px}.context-block{display:grid;gap:4px;padding:13px 14px;border-radius:14px;background:var(--paper);font-size:.82rem;position:relative;z-index:1}.context-block small{color:var(--muted)}.card-meta{display:flex;gap:18px;padding:17px 2px;color:var(--muted);font-size:.76rem}.card-meta span{display:flex;align-items:center;gap:6px}.card-meta svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.primary-button,.secondary-button{width:100%;min-height:54px;padding:13px 17px;border-radius:15px;border:0;font-weight:800;cursor:pointer;transition:.15s}.primary-button{background:var(--green);color:#fff;box-shadow:0 9px 20px rgba(25,117,107,.18)}.primary-button span{float:right}.secondary-button{background:transparent;border:1px solid var(--green);color:var(--green)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.draft-card,.self-assessment{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;border:0;border-radius:18px;background:var(--mint);padding:15px;margin-top:13px;cursor:pointer}.draft-icon,.plus-box{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--card);color:var(--green);font-weight:900}.draft-card strong,.draft-card small,.self-assessment strong,.self-assessment small{display:block}.draft-card small,.self-assessment small{color:var(--muted);margin-top:3px;font-size:.72rem}.chevron{color:#91a09c;font-size:1.5rem}.content-section{margin-top:30px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-title h3,.content-section>h3{font-size:1.25rem;margin:4px 0 0;letter-spacing:-.025em}.link-button{border:0;background:transparent;color:var(--green);font-size:.78rem;font-weight:800;cursor:pointer}.compact-assignment{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.compact-assignment strong,.compact-assignment small{display:block}.compact-assignment strong{font-size:.88rem}.compact-assignment small{color:var(--muted);font-size:.7rem;margin-top:4px}.date-tile{width:46px;height:50px;display:grid;place-content:center;text-align:center;border-radius:12px;background:var(--sand);color:#886c3e}.date-tile strong{font-size:1.15rem;line-height:1}.date-tile span{font-size:.65rem}.self-assessment{background:transparent;border:1px dashed #bac8c4;margin-top:24px}.plus-box{background:var(--mint)}
.observation-list{display:grid;gap:13px}.observation-card{width:100%;display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;text-align:left;padding:13px;border:1px solid var(--line);border-radius:22px;background:var(--card);cursor:pointer}.observation-visual{width:74px;height:98px;display:grid;place-items:center;border-radius:16px}.observation-visual span,.catalog-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:rgba(255,255,255,.7);font-family:Georgia,serif;font-weight:800}.knee-bg{background:#dfeeea;color:#196c63}.back-bg{background:#ece6f2;color:#6f5784}.general-bg{background:#f1e9da;color:#886934}.observation-copy{display:grid;gap:3px;min-width:0}.observation-copy .status-pill{margin-bottom:5px}.observation-copy strong{font-size:1rem}.observation-copy small{color:var(--muted)}.doctor-line{font-size:.68rem;color:var(--green);margin-top:6px}.filter-chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:20px;padding-bottom:2px}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:8px 13px;font-size:.75rem;cursor:pointer}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.timeline{display:grid;gap:0}.timeline-group>h3{font-size:.8rem;color:var(--muted);margin:20px 0 10px}.history-item{display:grid;grid-template-columns:auto 1fr auto;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center;cursor:pointer}.history-item-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:850}.history-item strong,.history-item small{display:block}.history-item small{color:var(--muted);font-size:.7rem;margin-top:4px}.history-score{font-weight:850;color:var(--green);font-size:1.05rem}.history-score small{text-align:right;font-weight:500}.history-origin{display:inline-flex;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--green);font-weight:800;margin-top:5px}
.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:30px}.profile-avatar{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;font-size:1.15rem}.profile-hero h1{font-size:1.8rem;margin:0}.profile-hero p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.settings-group{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}.setting-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px;cursor:pointer}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small{display:block;font-size:.8rem}.setting-row small{color:var(--muted);margin-top:3px;font-size:.68rem}.doctor-avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:.7rem;font-weight:800}.doctor-avatar.lilac{background:#eee8f3;color:#725c85}.setting-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--paper);color:var(--green)}.role-switch{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px;border:0;border-radius:18px;background:var(--ink);color:#fff;margin-top:28px;cursor:pointer}.role-switch strong,.role-switch small{display:block}.role-switch small{color:#b8c9c5;margin-top:4px;font-size:.7rem}
.server-settings{display:grid;gap:9px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.server-settings label{font-size:.76rem;font-weight:800}.server-settings>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.server-settings input{min-width:0;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:.72rem}.server-settings .primary-button{width:auto;min-height:43px}.server-settings small{color:var(--muted);font-size:.65rem;line-height:1.4}.server-settings small.connected{color:var(--green);font-weight:750}.server-settings small.error{color:#b34b38}
.bottom-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,780px);height:78px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;place-content:center;justify-items:center;gap:4px;border:0;background:transparent;color:#80908c;font-size:.62rem;cursor:pointer}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button.active{color:var(--green);font-weight:800}
.back-button{display:flex;gap:9px;align-items:center;border:0;background:transparent;padding:0;margin-bottom:28px;color:var(--muted);cursor:pointer}.assessment-intro{margin-bottom:28px}.assessment-intro .scale-logo{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:var(--mint);color:var(--green);font-weight:900;margin-bottom:22px}.assessment-intro h1{font-size:2.4rem}.assessment-intro>p:last-child{color:var(--muted);line-height:1.55;margin:13px 0 0}.setup-form{display:grid;gap:22px}.setup-form fieldset{border:0;padding:0;margin:0}.setup-form legend{font-weight:800;margin-bottom:11px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented input{position:absolute;opacity:0}.segmented span{min-height:49px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--card);cursor:pointer;font-size:.82rem}.segmented input:checked+span{border-color:var(--green);background:var(--mint);color:var(--green);font-weight:800}.info-card,.notice-card{display:flex;gap:13px;padding:17px;border-radius:17px;background:var(--mint)}.info-card strong,.notice-card strong{font-size:.82rem}.info-card p,.notice-card p{margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}.info-icon{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:700 .8rem Georgia,serif}
.questionnaire-screen{min-height:calc(100dvh - 72px);display:flex;flex-direction:column}.question-topline{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px}.icon-button.quiet{border:0;background:transparent;font-size:1.25rem}.progress-copy{display:grid;text-align:center;gap:2px}.progress-copy strong{font-size:.8rem}.progress-copy span{color:var(--muted);font-size:.7rem}.text-button{border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.text-button.compact{font-size:.75rem;padding:8px 0}.progress-track{height:4px;border-radius:99px;background:#dce3e0;margin:12px 0 8px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--green);transition:width .2s}.time-left{text-align:center;color:var(--muted);font-size:.66rem;margin-bottom:27px}.question-card{flex:1}.question-code{display:inline-flex;padding:5px 9px;border-radius:8px;background:var(--mint);color:var(--green);font-size:.7rem;font-weight:850}.question-card h2{font-size:clamp(1.55rem,6vw,2.1rem);line-height:1.2;letter-spacing:-.035em;margin:15px 0 8px}.question-card>p{color:var(--muted);font-size:.8rem;margin:0 0 21px}.answer-list{display:grid;gap:9px;margin-bottom:24px}.answer-option{position:relative}.answer-option input{position:absolute;opacity:0}.answer-option span{min-height:55px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:var(--card);cursor:pointer}.answer-option span::before{content:"";flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1.5px solid #9baba7;box-shadow:inset 0 0 0 5px var(--card)}.answer-option input:checked+span{border-color:var(--green);background:var(--mint);color:var(--green-dark);font-weight:750}.answer-option input:checked+span::before{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 5px var(--mint)}
.result-hero h1{font-size:2.5rem}.result-hero>p:last-child{color:var(--muted);margin:9px 0 22px}.plain-summary{display:flex;gap:13px;padding:18px;border-radius:19px;background:var(--ink);color:#fff;margin-bottom:25px}.plain-summary p{margin:5px 0 0;color:#c5d2cf;font-size:.78rem;line-height:1.45}.summary-spark{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);color:#9ed7ce}.result-explainer{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.result-explainer span{color:var(--muted);font-size:.68rem}.score-list{display:grid;gap:9px}.score-row{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.score-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.score-head strong{font-size:.8rem}.score-value{font-size:1.1rem;font-weight:850}.score-value small{font-size:.62rem;color:var(--muted);font-weight:500}.score-bar{height:7px;border-radius:99px;background:#e9edeb;overflow:hidden}.score-bar span{display:block;height:100%;border-radius:inherit;background:var(--green);animation:grow .6s ease both;transform-origin:left}@keyframes grow{from{transform:scaleX(0)}}.trend-section{margin:28px 0;padding:20px;border-radius:21px;background:var(--card);border:1px solid var(--line)}.trend-value{color:var(--green);font-size:1.1rem;font-weight:850}.chart{height:180px;position:relative;padding:8px 0 22px 27px}.chart-grid{position:absolute;inset:9px 0 25px 0;display:flex;flex-direction:column;justify-content:space-between;color:#9ba8a4;font-size:.55rem}.chart-grid span::after{content:"";position:absolute;left:25px;right:0;margin-top:5px;border-top:1px dashed #e6eae8}.chart svg{position:relative;width:100%;height:130px;overflow:visible}.chart .area{fill:url(#chartFill)}.chart .line{fill:none;stroke:var(--green);stroke-width:3;vector-effect:non-scaling-stroke}.chart circle{fill:#fff;stroke:var(--green);stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.6rem}.notice-card{background:var(--sand);margin:20px 0}.action-grid{display:grid;gap:9px}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:end center;padding:16px;background:rgba(12,36,33,.48)}.modal{width:min(100%,480px);background:var(--card);border-radius:25px;padding:25px;text-align:center;box-shadow:var(--shadow)}.modal-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 14px;background:var(--mint);color:var(--green);font-weight:900}.modal h2{font-size:1.3rem;margin-bottom:8px}.modal p{color:var(--muted);font-size:.8rem;line-height:1.5}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.search-field{height:50px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:15px;background:var(--card);margin-bottom:13px}.search-field svg{width:19px;fill:none;stroke:var(--muted);stroke-width:2}.search-field input{width:100%;border:0;outline:0;background:transparent}.catalog-list{display:grid;gap:12px}.catalog-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.catalog-icon{width:51px;height:51px}.catalog-card h3{margin:8px 0 4px}.catalog-card p{color:var(--muted);font-size:.76rem;line-height:1.45;margin-bottom:8px}.catalog-card small{color:var(--muted);font-size:.68rem}.catalog-card .secondary-button{grid-column:1/-1;min-height:44px}.episode-header{padding-bottom:22px;border-bottom:1px solid var(--line)}.episode-header .episode-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;margin-bottom:18px;font:800 1.3rem Georgia,serif}.episode-header h1{font-size:2.5rem}.episode-header>p{color:var(--muted);margin:8px 0 14px}.episode-doctor{display:flex;gap:10px;align-items:center;font-size:.76rem}.episode-doctor small{display:block;color:var(--muted);margin-top:2px}.metric-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.metric-card{padding:15px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.metric-card small{display:block;color:var(--muted);font-size:.66rem}.metric-card strong{display:block;margin-top:5px;font-size:1.15rem}.episode-schedule{display:grid;gap:10px}.schedule-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.schedule-dot{width:10px;height:10px;border-radius:50%;background:var(--green)}.schedule-dot.future{background:#cbd4d1}.schedule-row strong,.schedule-row small{display:block;font-size:.78rem}.schedule-row small{color:var(--muted);margin-top:3px;font-size:.66rem}
.doctor-screen{padding:0;min-height:100dvh;width:min(100vw,1240px);margin-left:50%;transform:translateX(-50%)}.doctor-screen .doctor-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#fff;border-bottom:1px solid var(--line)}.doctor-profile{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-size:.78rem;cursor:pointer}.doctor-layout{display:grid;grid-template-columns:210px 1fr;min-height:calc(100dvh - 72px)}.doctor-nav{padding:22px 14px;background:#fff;border-right:1px solid var(--line)}.doctor-nav button{width:100%;display:flex;justify-content:space-between;border:0;border-radius:11px;background:transparent;padding:12px;text-align:left;color:var(--muted);font-size:.8rem;cursor:pointer}.doctor-nav button.active{background:var(--mint);color:var(--green);font-weight:800}.doctor-nav button span{font-size:.65rem}.doctor-content{padding:30px;overflow:auto}.doctor-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.doctor-title h1{font-size:2rem}.doctor-title p{color:var(--muted);margin:6px 0 0;font-size:.78rem}.doctor-title .primary-button{width:auto;min-height:44px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.dashboard-stat{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.dashboard-stat small{display:block;color:var(--muted);font-size:.68rem}.dashboard-stat strong{display:block;font-size:1.6rem;margin-top:5px}.patient-table{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.patient-row{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:14px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line);font-size:.76rem}.patient-row:last-child{border:0}.patient-row.header{color:var(--muted);font-size:.65rem;background:#fafbfa}.patient-name{display:flex;align-items:center;gap:10px}.patient-name strong,.patient-name small{display:block}.patient-name small{color:var(--muted);font-size:.65rem;margin-top:2px}.attention{color:#b05c2a;font-weight:800}.ok{color:var(--green);font-weight:800}.patient-card-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.patient-card-header h1{font-size:1.8rem}.doctor-back{border:0;background:transparent;color:var(--green);cursor:pointer}.doctor-chart-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:16px}.template-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.template-card{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff}.template-card h3{margin:8px 0}.template-card p{color:var(--muted);font-size:.73rem;line-height:1.5}.template-card button{margin-top:8px}
.toast{position:fixed;z-index:40;bottom:max(92px,calc(20px + env(safe-area-inset-bottom)));left:50%;transform:translate(-50%,18px);max-width:calc(100% - 40px);padding:11px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:.78rem;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:640px){.screen{padding-inline:42px}.topbar{padding-inline:42px}.assignment-card{padding:28px}.observation-list{grid-template-columns:1fr 1fr}.observation-card:last-child{grid-column:1/-1}.action-grid{grid-template-columns:1fr 1fr}.modal-backdrop{place-items:center}.catalog-list{grid-template-columns:1fr 1fr}.catalog-card:last-child{grid-column:1/-1}}

#upcomingAssignments .compact-assignment{width:100%;text-align:left;cursor:pointer}
#upcomingAssignments .compact-assignment+.compact-assignment{margin-top:9px}
@media(max-width:700px){.doctor-layout{display:block}.doctor-nav{display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.doctor-nav button{width:auto;white-space:nowrap}.doctor-content{padding:20px}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stat:last-child{grid-column:1/-1}.patient-row{grid-template-columns:1fr auto}.patient-row.header{display:none}.patient-row>span:nth-child(2){display:none}.patient-row>span:nth-child(3){font-size:.68rem}.template-list{grid-template-columns:1fr}.doctor-profile>span:first-child{display:none}}
.webview-error{position:fixed;z-index:9999;left:14px;right:14px;bottom:86px;padding:13px 15px;border:1px solid #e6b6a9;border-radius:13px;background:#fff4f0;color:#9b3f2d;font:700 .72rem/1.45 system-ui,sans-serif;box-shadow:0 10px 30px rgba(90,35,20,.14)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.patient-table button.patient-row{width:100%;border-left:0;border-right:0;border-top:0;background:transparent;text-align:left;cursor:pointer}
.auth-settings{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.auth-settings label{display:grid;gap:6px;font-size:.76rem;font-weight:800}.auth-settings input{min-height:45px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.auth-settings small{color:var(--muted);font-size:.68rem;line-height:1.45}.auth-settings small.connected{color:var(--green);font-weight:750}.auth-settings small.error{color:#b34b38}.logout-button{margin-top:9px;min-height:45px}

/* Обновлённые экраны пациента */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.topbar .brand{gap:0}
.topbar{justify-content:flex-end}
.topbar .brand strong{font-size:1rem;letter-spacing:.045em}
.welcome-row h1 em{font-family:inherit;font-style:normal;font-weight:750;color:var(--green);letter-spacing:-.055em}
.today-section-label{margin:0 0 15px;color:var(--ink);font-size:1rem;font-weight:750}
.assignment-card.featured #featuredDue{padding:8px 12px;font-size:.8rem;font-weight:850}
.remind-button{display:block;width:100%;min-height:49px;margin-top:10px;padding:11px 17px;border:1px solid #c6dfd9;border-radius:15px;background:var(--mint);color:var(--green-dark);font-size:.88rem;font-weight:800;cursor:pointer}
.remind-button:hover{background:#d9ebe6}
.reminder-status{margin:10px 2px 0;color:var(--green-dark);font-size:.72rem;line-height:1.4}
.observation-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.observation-heading>div{min-width:0}
.filter-toggle{display:inline-flex;align-items:center;gap:7px;flex:none;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--green-dark);font-size:.78rem;font-weight:750;cursor:pointer}
.filter-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.observation-filters{margin-top:-8px}
.history-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:18px;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--green-dark);font-size:.8rem;font-weight:750;cursor:pointer}
.bottom-nav{grid-template-columns:repeat(3,1fr)}
.reminder-modal{text-align:left}
.reminder-modal label{display:block;margin-bottom:7px;font-size:.76rem;font-weight:800}
.reminder-modal input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink)}
.reminder-modal .modal-actions{margin-top:18px}
@media(max-width:480px){.observation-heading{align-items:flex-start}.observation-heading h1{font-size:clamp(2.25rem,9vw,3rem)}.filter-toggle{margin-top:21px;padding:9px}.welcome-row h1{font-size:clamp(2.15rem,9.2vw,3.2rem)}}