:root{--primary:#00a0e9;--primary-dark:#007bb6;--primary-soft:#e8f6fd;--ink:#1d2730;--muted:#6b7782;--line:#dfe6ec;--button-line:#b9dceb;--paper:#fff;--bg:#f1f5f7;--warm:#fff7ed;--green:#2f6f4e;--orange:#f08a24;--pink:#d85b7f;--soft:#f4f7fa;--shadow:0 10px 24px rgba(28,48,72,.07);--radius:12px;--radius-sm:9px}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:linear-gradient(180deg,rgba(255,247,237,.75),rgba(241,245,247,.96) 280px),var(--bg);color:var(--ink);font-family:IBM Plex Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 28px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);padding:16px}.panel h2{margin-bottom:10px}.panel>.muted:first-child{margin-bottom:4px;color:var(--primary);font-size:12px;font-weight:800}.panel>h1{margin-bottom:0}.panel>h1+.muted{margin-top:8px;margin-bottom:0}.mini-stack{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.mini-stack span{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:13px;font-weight:800;line-height:1.35;padding:10px 12px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-weight:800}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--primary);border-radius:11px;color:var(--primary);font-weight:800}.brand-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin-top:0}h1{max-width:720px;margin-bottom:0;font-size:26px;line-height:1.25}h1,h2{letter-spacing:0}h2{font-size:16px}.muted{color:var(--muted)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--button-line);border-radius:10px;background:#f5fbff;color:var(--primary-dark);cursor:pointer;font-size:13px;font-weight:800;line-height:1;padding:0 14px;text-align:center;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.button.primary,button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.button:hover,button:hover{border-color:#8bcce8;background:#edf8fe;box-shadow:0 2px 8px rgba(0,123,182,.12)}.button.primary:hover,button.primary:hover{border-color:var(--primary-dark);background:var(--primary-dark)}.button:active,button:active{transform:translateY(1px)}.button:focus-visible,button:focus-visible{outline:3px solid rgba(0,160,233,.22);outline-offset:2px}.form{display:grid;grid-gap:10px;gap:10px}.form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.form input,.form select{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.form input[type=color]{min-height:44px;padding:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#fcfdfe;padding:13px}.stat strong{display:block;color:var(--primary);font-size:24px}.overview-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:12px;gap:12px;align-items:start}.dinner-panel{border-color:#f2cfaa;background:#fffdf9}.dinner-start{display:flex;margin-top:12px}.dinner-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);grid-gap:12px;gap:12px;align-items:start}.dinner-decision-form,.dinner-forms,.dinner-menu-list,.dinner-summary{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.dinner-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.dinner-kpis div{border:1px solid #f1d9bf;border-radius:10px;background:#fff9f0;padding:10px}.dinner-decision span,.dinner-kpis span{display:block;color:var(--muted);font-size:12px;font-weight:800}.dinner-decision strong,.dinner-kpis strong{display:block;margin-top:4px;color:var(--ink);font-size:18px}.dinner-member-list,.dinner-menu-list{display:grid;grid-gap:8px;gap:8px}.dinner-member-list{margin-top:10px}.dinner-member-row,.dinner-menu-card{display:grid;grid-template-columns:12px minmax(0,1fr);grid-gap:9px;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fcfdfe;padding:10px}.dinner-member-row p,.dinner-menu-card p{margin:3px 0 0}.dinner-forms{display:grid;grid-gap:10px;gap:10px}.compact-form{gap:8px}.button-row,.dinner-vote-row,.quick-choice-row,.segmented-grid{display:flex;flex-wrap:wrap;gap:6px}.quick-choice-row label,.segmented-grid label{display:block}.quick-choice-row input,.segmented-grid input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.quick-choice-row span,.segmented-grid span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;padding:0 10px;white-space:nowrap}.dinner-vote-row button.active,.quick-choice-row input:checked+span,.segmented-grid input:checked+span{border-color:var(--primary);background:#eaf8ff;color:var(--primary-dark);box-shadow:0 0 0 2px rgba(0,160,233,.12)}.dinner-menu-card{grid-template-columns:minmax(0,1fr)}.dinner-vote-row button{min-height:32px;border-radius:9px;font-size:12px;padding:0 10px}.dinner-decision{border:1px solid #b9dceb;border-radius:12px;background:#f2fbff;padding:12px}.timeline-list{display:grid;grid-gap:8px;gap:8px}.timeline-row{display:grid;grid-template-columns:12px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:var(--radius);background:#fcfdfe;padding:10px}.timeline-row>span{width:12px;min-height:42px;border-radius:999px}.timeline-row p{margin:4px 0 0}.empty-note{border:1px dashed #c9d6df;border-radius:var(--radius);background:#f8fbfd;color:var(--muted);font-size:13px;font-weight:700;line-height:1.55;margin:0;padding:14px}.member-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.member-status-grid.single{grid-template-columns:1fr}.member-status-card{border:1px solid var(--line);border-radius:var(--radius);background:#fcfdfe;padding:12px}.member-status-head{display:flex;align-items:center;gap:8px}.member-status-head .dot{margin-top:0}.member-status-card p{margin:8px 0 10px}.status-checks{display:flex;flex-wrap:wrap;gap:6px}.status-checks span{display:inline-flex;min-height:24px;align-items:center;justify-content:center;border:1px solid #e1e7ec;border-radius:999px;background:#fff;color:#8a98a4;font-size:11px;font-weight:800;line-height:1;padding:0 8px}.status-checks .is-on{border-color:#b9dceb;background:var(--primary-soft);color:var(--primary-dark)}.todo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:14px}.todo-grid div{border:1px solid var(--line);border-radius:12px;background:#fcfdfe;padding:12px}.todo-grid strong{display:block;color:var(--primary);font-size:24px}.todo-grid span{color:var(--muted);font-size:12px;font-weight:800}.summary-list{display:grid;grid-gap:10px;gap:10px}.summary-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fcfdfe;padding:11px}.summary-row div{display:flex;min-width:0;align-items:center;gap:8px}.summary-row span{width:10px;height:10px;flex:0 0 auto;border-radius:999px}.summary-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.summary-row i{position:absolute;bottom:0;left:0;height:3px;border-radius:0 999px 999px 0}.review-form{display:grid;grid-gap:12px;gap:12px}.review-form label,.review-note-card label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.review-form input,.review-form select,.review-form textarea,.review-note-card input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px}.review-form textarea{min-height:92px;resize:vertical}.learn-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-gap:14px;gap:14px}.notice-panel{border:1px solid #b9dceb;border-radius:12px;background:#eef9ff;color:var(--primary-dark);margin-top:14px;padding:12px 14px;font-size:13px;font-weight:800}.danger-note{border-color:#f2c7d3;background:#fff3f6;color:#9b2c4a}.quiz-form{display:grid;grid-gap:14px;gap:14px}.reading-card{border:1px solid var(--line);border-radius:12px;background:#f8fbfd;padding:14px}.reading-card h3,.result-box h3{margin:0 0 8px;font-size:16px}.reading-card p{white-space:pre-wrap}.quiz-question-list,.vocab-list{display:grid;grid-gap:8px;gap:8px}.vocab-row{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);grid-gap:10px;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.quiz-question-list label,.vocab-row span{color:var(--muted);font-size:12px}.quiz-question-list label{display:grid;grid-gap:6px;gap:6px;font-weight:800}.quiz-question-list h3{margin:8px 0 0;color:var(--ink);font-size:15px}.quiz-question-list input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.point-exchange-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:end}.point-exchange-form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.point-exchange-form input{min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.result-box{border:1px solid var(--line);border-radius:12px;background:#f8fbfd;margin-top:14px;padding:14px}.file-list,.result-box{display:grid;grid-gap:10px;gap:10px}.file-row{display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fcfdfe;color:var(--ink);padding:12px;text-decoration:none}.file-row>span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:#eef9ff;color:var(--primary-dark);font-size:12px;font-weight:900}.file-row p{margin:4px 0 0}.budget-box{display:grid;grid-gap:12px;gap:12px}.budget-box>div:not(.budget-bar){display:flex;align-items:center;justify-content:space-between;gap:10px}.budget-box span{color:var(--muted);font-size:12px;font-weight:800}.budget-bar{overflow:hidden;height:10px;border-radius:999px;background:#e8eef3}.budget-bar i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.mission-strip{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.mission-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #b9dceb;border-radius:12px;background:#eef9ff;color:var(--primary-dark);padding:10px 12px}.mission-chip span{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.notice-list{display:grid;grid-gap:12px;gap:12px}.notice-card{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fcfdfe;padding:14px}.notice-card h3{margin:0;font-size:16px}.notice-card>p{margin:0;white-space:pre-wrap}.notice-reactions{display:flex;flex-wrap:wrap;gap:8px}.notice-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.notice-mini-card{border:1px solid var(--line);border-radius:12px;background:#fcfdfe;color:var(--ink);padding:12px;text-decoration:none}.notice-mini-card p{margin:4px 0 0}.review-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.review-note-card{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fcfdfe;padding:12px}.subsection-title{margin:6px 0 10px;font-size:15px}.management-intro h2,.management-intro p{margin-bottom:6px}.individual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.individual-card{border:1px solid var(--line);border-radius:12px;background:#fcfdfe;padding:12px}.individual-card>.muted{margin:10px 0 0}.individual-card .mini-list{margin-top:10px}.eyebrow{margin:0 0 4px;color:var(--primary);font-size:12px;font-weight:800}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:hsla(0,0%,100%,.92);box-shadow:0 8px 20px rgba(28,48,72,.05);margin-bottom:12px;padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .brand{margin-bottom:0}.top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.top-actions .button,.top-actions button{min-height:34px}.list{display:grid;grid-gap:10px;gap:10px}.invite-row,.list-row{display:grid;grid-template-columns:12px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fcfdfe;padding:12px}.invite-row{grid-template-columns:minmax(0,220px) minmax(0,1fr)}.dot{width:12px;height:12px;margin-top:5px;border-radius:999px}.invite-row p,.list-row p{margin:4px 0 0}.action-row{grid-template-columns:12px minmax(0,1fr) repeat(2,auto);align-items:center}.row-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.check-row input{width:16px;min-height:16px}code{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:10px;background:#f5f8fb;color:#40505d;font-size:12px;padding:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:1px solid;border-radius:999px;background:#fff;font-size:12px;font-weight:800;padding:6px 10px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.section-head h2,.section-head p{margin:0}.section-head p{margin-top:4px}.category-manager{display:grid;grid-gap:12px;gap:12px}.category-add-form,.category-edit-form,.category-editor-row{display:grid;grid-gap:8px;gap:8px;align-items:center}.category-add-form{grid-template-columns:minmax(0,1fr) auto 76px}.category-editor-list{display:grid;grid-gap:8px;gap:8px}.category-editor-row{grid-template-columns:minmax(0,1fr) 64px;border:1px solid var(--line);border-radius:12px;background:#fcfdfe;padding:8px}.category-edit-form{grid-template-columns:12px minmax(90px,1fr) auto auto 58px}.category-add-form input,.category-edit-form input{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.category-add-form button,.category-editor-row button{min-height:38px;border-radius:10px;font-size:13px;padding:0 10px}button.danger{border-color:#f0c7c7;background:#fff6f6;color:#b14545}button.danger:hover{border-color:#e6aaaa;background:#ffecec}.pill{display:inline-flex;min-height:24px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:800;line-height:1;padding:0 8px;white-space:nowrap}.color-picker{position:relative;width:max-content}.color-picker-trigger{display:grid;width:44px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.color-picker-trigger>span{display:block;width:24px;height:24px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px var(--line)}.color-picker[data-open=true] .color-picker-trigger{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,160,233,.16)}.color-palette{position:absolute;z-index:20;top:calc(100% + 6px);left:0;display:grid;grid-template-columns:repeat(4,30px);grid-gap:7px;gap:7px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(29,39,48,.16);padding:10px}.category-add-form .color-palette,.category-edit-form .color-palette{right:0;left:auto}.color-swatch{display:block;width:30px;height:30px;border:2px solid #fff;border-radius:9px;background:transparent;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.color-swatch[aria-selected=true]{box-shadow:0 0 0 3px rgba(0,160,233,.26),0 0 0 1px var(--primary)}.encouragement-box{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.encouragement-list{display:grid;grid-gap:5px;gap:5px}.encouragement-list p{border-radius:10px;background:var(--warm);color:#70522f;font-size:12px;font-weight:700;line-height:1.45;margin:0;padding:7px 9px}.encouragement-list strong{margin-right:6px;color:#b86512}.encouragement-form{display:grid;grid-template-columns:minmax(0,1fr) 64px;grid-gap:6px;gap:6px}.encouragement-form input{min-height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.encouragement-form button{min-height:36px;border-radius:10px;font-size:12px;padding:0 10px}.dashboard-menu{gap:6px}.dashboard-menu,.date-nav{display:flex;flex-wrap:wrap;margin-top:14px}.date-nav{align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:12px}.date-nav strong{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px}.dashboard-menu a,.date-nav strong{display:inline-flex;min-height:32px;align-items:center;padding:0 12px}.dashboard-menu a{justify-content:center;border:1px solid var(--button-line);border-radius:var(--radius-sm);background:#f5fbff;color:var(--primary-dark);font-size:12px;font-weight:800;line-height:1;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.dashboard-menu a:first-child{border-left:3px solid var(--primary);background:var(--primary-soft);color:var(--ink)}.dashboard-menu a:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.dashboard-menu a:active{transform:translateY(1px)}.dashboard-menu a:focus-visible{outline:3px solid rgba(0,160,233,.22);outline-offset:2px}.child-app{display:grid;grid-gap:14px;gap:14px;margin-top:14px}.child-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-gap:14px;gap:14px;align-items:center;border:1px solid #f3dcc2;border-radius:var(--radius);background:linear-gradient(135deg,#fffdf8,var(--warm));box-shadow:0 10px 24px rgba(160,107,43,.08);padding:16px}.child-hero-card h1{margin-bottom:8px;font-size:24px}.child-summary{border:1px solid rgba(240,138,36,.28);border-radius:16px;background:hsla(0,0%,100%,.82);padding:14px}.child-summary p,.child-summary span{color:var(--muted);font-size:12px;font-weight:800}.child-summary strong{display:block;color:var(--orange);font-size:32px}.run-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:14px;gap:14px;align-items:start}.run-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:14px}.run-tabs button{border-color:var(--line);border-radius:10px;background:#f8fbfd;color:var(--muted);min-height:44px;font-size:13px}.run-tabs .selected{border-color:var(--button-line);background:var(--primary-soft);color:var(--primary-dark)}.run-form{display:grid;grid-gap:12px;gap:12px}.form-heading h2{margin:0}.run-form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.run-form input,.run-form select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px}.quick-field{display:grid;grid-gap:6px;gap:6px}.quick-field>span{color:var(--muted);font-size:13px;font-weight:800}.time-pick-button{display:flex;min-height:58px;align-items:center;justify-content:space-between;border-color:var(--line);background:#fff;color:var(--ink);padding:0 14px}.time-pick-button strong{color:var(--primary-dark);font-size:22px}.time-pick-button small{color:var(--muted);font-size:12px;font-weight:800}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(29,39,48,.34);padding:18px}.time-modal{width:min(560px,100%);max-height:min(720px,calc(100vh - 36px));overscroll-behavior:contain;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(29,39,48,.22);padding:18px}.time-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.time-modal-head h2,.time-modal-head p{margin:0}.time-modal-head button{min-height:34px;border-radius:10px;font-size:12px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd;padding:5px}.segmented-control button{min-height:38px;border-color:transparent;border-radius:9px;background:transparent;color:var(--muted)}.segmented-control .selected{border-color:var(--button-line);background:#fff;color:var(--primary-dark);box-shadow:0 2px 8px rgba(0,123,182,.1)}.direct-time-field{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:13px;font-weight:800;margin-top:12px}.direct-time-field input{min-height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:0 12px}.time-detail-grid,.time-hour-grid{display:grid;grid-gap:8px;gap:8px}.time-detail-grid,.time-hour-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.time-detail-grid{border-top:1px solid var(--line);padding-top:12px}.time-detail-grid button,.time-hour-grid button{min-height:44px;border-color:var(--line);border-radius:11px;background:#fff;color:var(--ink)}.time-detail-grid .selected,.time-hour-grid .selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);box-shadow:inset 0 0 0 1px var(--primary)}.modal-actions{position:-webkit-sticky;position:sticky;bottom:-18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;border-top:1px solid var(--line);background:hsla(0,0%,100%,.96);margin:14px -18px -18px;padding:12px 18px 18px}.modal-actions button{min-height:42px}.category-grid{display:flex;flex-wrap:wrap;gap:8px}.category-grid button{display:flex;align-items:center;justify-content:center;gap:7px;border-color:var(--line);border-radius:11px;background:#fff;color:var(--ink);min-height:38px;font-size:13px}.category-grid span{width:10px;height:10px;border-radius:999px;background:var(--category)}.category-grid .selected{border-color:var(--category);background:#f5fbff;color:var(--primary-dark);box-shadow:inset 0 0 0 1px var(--category)}.duration-control{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fcfdfe;padding:10px}.duration-control button{min-height:44px;border-radius:12px;font-size:15px}.duration-control strong{color:var(--primary);font-size:26px;text-align:center}.mini-row,.preview-block{display:grid;grid-template-columns:12px minmax(0,1fr);grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.preview-block>span{width:12px;height:100%;min-height:44px;border-radius:999px}.mini-row p,.preview-block p{margin:4px 0 0}.timer-box h2{color:var(--primary);font-size:34px}.day-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.day-head h2,.day-head p{margin:0}.day-head strong{border-radius:999px;background:#e8f6fd;color:#0079b4;font-size:12px;padding:5px 9px}.day-strip{display:flex;height:12px;overflow:hidden;border-radius:999px;background:#e7edf2;margin:12px 0}.mini-list{display:grid;grid-gap:8px;gap:8px}.mini-row{padding:10px}.mini-row>span{width:10px;height:10px;margin-top:5px;border-radius:999px}.edit-block{margin-top:8px}.edit-block summary{width:max-content;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--primary-dark);cursor:pointer;font-size:11px;font-weight:800;line-height:1;list-style:none;padding:6px 9px}.edit-block summary::-webkit-details-marker{display:none}.edit-block-form{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd;margin-top:8px;padding:10px}.edit-block-form label{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.edit-block-form input,.edit-block-form select{min-height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 9px}.edit-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.admin-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.admin-record-grid h3{margin:0 0 10px;font-size:15px}button.full{width:100%;margin-top:8px}.expense-total{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #f3dcc2;border-radius:14px;background:var(--warm);margin:14px 0 10px;padding:12px}.expense-total span{color:var(--muted);font-size:12px;font-weight:800}.expense-total strong{color:#b86512;font-size:22px}@media (max-width:760px){.shell{width:min(100% - 20px,560px);padding-top:10px}.topbar{position:static;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;padding:10px}.topbar .brand{min-width:0}.brand-mark{width:34px;height:34px;border-radius:10px}.top-actions{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;grid-gap:6px;gap:6px;max-width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.top-actions form{display:contents}.top-actions .button,.top-actions button{min-height:32px;border-radius:9px;font-size:12px;padding:0 10px}.admin-record-grid,.category-add-form,.category-edit-form,.category-editor-row,.child-hero-card,.dinner-grid,.dinner-kpis,.duration-control,.encouragement-form,.grid,.grid.two,.hero,.individual-grid,.invite-row,.learn-layout,.member-status-grid,.notice-mini-grid,.overview-layout,.review-note-grid,.run-layout,.run-tabs{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.time-modal{width:100%;max-height:calc(100dvh - 18px);border-radius:18px 18px 0 0;border-right:0;border-bottom:0;border-left:0}.modal-actions,.time-modal{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.modal-actions{bottom:calc(-18px - env(safe-area-inset-bottom))}.time-detail-grid{margin-bottom:env(safe-area-inset-bottom)}.time-detail-grid,.time-hour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:23px}}