/* Sandbox iteration: a quiet content layer and a separate, tactile control layer. */
:root{--ink:#10233e;--muted:#52667f;--line:rgba(24,59,98,.13);--ease:cubic-bezier(.2,.75,.25,1)}
html{scroll-padding-top:96px}
body{background:radial-gradient(ellipse at 8% 0%,#e2edfb,transparent 48rem),radial-gradient(ellipse at 100% 20%,#e5edf9,transparent 42rem),#f4f7fb}
body:before{display:none}
button,a{transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .2s var(--ease),transform .18s var(--ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:disabled{cursor:wait;opacity:.6}
button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.975)}
:where(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #3d83c7;outline-offset:3px}
[hidden]{display:none!important}
.site-header{background:rgba(241,246,253,.83);backdrop-filter:saturate(135%) blur(20px);-webkit-backdrop-filter:saturate(135%) blur(20px);border-bottom-color:rgba(36,76,119,.1)}
.nav{height:72px}.nav-links{border-color:rgba(26,62,103,.12);background:rgba(223,234,248,.55);box-shadow:none}
.hero{padding-top:28px;gap:18px}
.hero-main,.hero-side{border-radius:28px;box-shadow:0 16px 42px #0e2d5312}
.hero-main{min-height:384px;padding:32px 36px;background:radial-gradient(ellipse at 95% 15%,#23568a99,transparent 65%),linear-gradient(125deg,#071a33,#0d315b)}
.hero-main h1{font-size:clamp(36px,4.3vw,55px);line-height:1.13;margin:26px 0 14px;letter-spacing:-.05em}
.hero-main>p{font-size:14px;color:#bed0e5;line-height:1.8}
.hero-orb{animation:none;opacity:.36}.hero-grid{opacity:.07}.hero-main:after{display:none}
.hero-note{margin-top:18px}.hero-pill{font-size:11px;padding:5px 10px;border-color:#a2c5ed26;background:#cee7ff0b;backdrop-filter:none}
.hero-focus{margin-top:22px;padding:12px 15px;border-radius:17px;background:#c8e2ff0c;border-color:#a7caef35;backdrop-filter:none}
.hero-focus small{color:#b7cde3}.hero-focus strong{font-weight:650}
.hero-side{min-height:384px;padding:24px;background:linear-gradient(145deg,#edf4fd,#e5eef9);border:1px solid #c6d5e7}
.today{font-size:48px}.today-sub,.dos em{color:#4d627b}.daily-note p{color:#273e59}.hero-live{color:#bdd1e8}
.hero-live i,.live i{animation:none;box-shadow:none}
.stats{gap:12px}.stat{padding:16px 18px;border:1px solid #c8d8e9;background:linear-gradient(120deg,#eff5fc,#e3eef9);box-shadow:0 5px 18px #244a7510;backdrop-filter:none;border-radius:20px}
.stat:before,.stat:after,.panel:before,.panel:after{display:none}
.stat span{color:#516883}.stat small{color:#57718e}.stat strong{font-size:30px;font-variant-numeric:tabular-nums}
.stat:hover{transform:translateY(-2px);border-color:#95b4d5;box-shadow:0 10px 24px #244a7516}
.workspace{grid-template-columns:minmax(0,1fr) 304px;gap:18px;align-items:start}
.panel{backdrop-filter:none;border-color:#d2deeb;box-shadow:0 10px 32px #193c6210;border-radius:24px}
.panel.main-panel{background:#f9fbfe;overflow:visible}
.controls{position:sticky;top:72px;z-index:8;padding:17px 19px 10px;background:rgba(234,242,252,.94);border-radius:23px 23px 0 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:#cddbeb}
.status-tabs{display:flex;gap:3px;padding:4px;background:#dce7f4;border:1px solid #cfdaea;border-radius:15px;flex-wrap:nowrap;margin-bottom:12px}
.status-tab{flex:1;min-width:0;min-height:40px;border:0;border-radius:11px;background:transparent;font-size:13px;padding:8px 12px;color:#526880;box-shadow:none}
.status-tab.active{background:#14365e;border:0;box-shadow:0 3px 9px #12315720;color:#fff}
.status-tab:not(.active) b{background:#cad9e94d;color:#314e70}
.status-tab b{padding:2px 5px;font-variant-numeric:tabular-nums}
.filter-row{display:grid;grid-template-columns:minmax(100px,1fr) auto auto auto;gap:8px}
.search{min-width:0}.search input{font-size:13px;background:#f8fbff;border-color:#c6d6e7;border-radius:12px;height:42px}
.filter-row select,.focus-filter,.density-toggle{min-height:42px;background:#f8fbff;border:1px solid #c6d6e7;border-radius:12px;color:#3e5876;font-size:12px;font-weight:600}
.filter-row select{max-width:130px;padding-inline:10px 27px}.focus-filter{padding:7px 10px}
.density-toggle{padding:7px 10px;cursor:pointer;white-space:nowrap}.density-toggle[aria-pressed=true]{background:#e1edfb;border-color:#8bafd5;color:#174c80}
.view-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:9px;color:#4c6582;font-size:11px}
.state-explainer{max-width:100%;min-width:0}.state-explainer summary{cursor:pointer;min-height:28px;padding:3px 0;list-style:none;display:flex;align-items:center;gap:6px}
.state-explainer summary:before{content:'ⓘ';font-size:13px}.state-explainer summary:after{content:'⌄'}.state-explainer[open] summary:after{content:'⌃'}
.state-explainer p{padding:12px 14px;margin:4px 0 8px;background:#f7fbff;border:1px solid #c6d7eb;border-radius:12px;line-height:1.9;font-size:12px;overflow-wrap:anywhere}
.clear-filters{border:0;background:transparent;color:#175e9b;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap;min-height:28px;font-size:11px}
.section-head{padding:21px 22px 10px}.section-head h2{font-size:25px;letter-spacing:-.035em;font-weight:700}.section-head p{max-width:36em;color:#536d89;line-height:1.65}
.section-kicker{color:#466b93!important;font-weight:700;letter-spacing:.1em}
.list{padding:0 10px 16px}.notice{margin:9px;padding:18px 16px 16px 20px;grid-template-columns:minmax(0,1fr) auto;background:#fff;border:1px solid #d5e0ed;box-shadow:0 2px 7px #17395f05;border-radius:17px}
.notice:hover{transform:translateY(-1px);background:#fbfdff;border-color:#a3bdd9;box-shadow:0 8px 22px #17395f0d}
.notice-copy{min-width:0}.notice:before{width:3px;opacity:.85}.notice-title{display:block;width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;font-weight:680;font-size:inherit;line-height:1.45;overflow-wrap:anywhere}
.notice h3{font-size:16px;line-height:1.45;margin-bottom:8px}.notice p{color:#536b87;font-size:12px}.notice-meta{font-size:11px;color:#576e88;gap:5px 14px;line-height:1.7}
.notice-side{max-width:165px}.notice-actions{gap:6px}.done-btn{min-height:38px;padding:8px 10px;border-radius:11px;background:#f0f5fb;font-size:11px;border-color:#cad8e8}
.notice .notice-actions{flex-direction:row;width:auto}.notice .done-btn{width:auto;display:inline-flex;align-items:center;justify-content:center}.notice .done-btn:before{display:none;content:none}
.star-btn{width:38px;height:38px;border-radius:11px;font-size:20px;background:#f0f5fb;border-color:#cad8e8}
.tag{font-size:10px;font-weight:650}.tag.audience{color:#4e6681}.tag.source{color:#3b638b}.tag.state-expired{background:#f5eadf;color:#885027}.tag.state-done{background:#e1eee9;color:#276752}
.notice.done{opacity:1;background:#f3f7fa}.notice.done h3{text-decoration:none;color:#425d78}.notice.expired:not(.done){background:#f7f9fc}.open-hint{font-size:10px;color:#506e8d}
.compact-notices .notice{padding-block:12px;margin-block:6px}.compact-notices .notice p{-webkit-line-clamp:1}.compact-notices .notice-meta{margin-top:7px}.compact-notices .notice h3{margin-bottom:4px}.compact-notices .tag.audience{display:none}
.panel.calendar-launch{background:linear-gradient(140deg,#173e6c,#0b294c);border:1px solid #315680;box-shadow:0 10px 28px #153b6320}
.panel.attention-card{background:linear-gradient(140deg,#eff5fc,#e0ebf7);color:#123153;border:1px solid #c7d6e8;box-shadow:0 8px 24px #153b6310}
.attention-card .attention-top{margin-bottom:10px}.attention-card .attention-top span{color:#466b94}.attention-card .attention-top b{color:#183b62}
.attention-card h3{color:#163654}.attention-card .sub{color:#506b88}.attention-card .attention-open{background:#f7fbff;color:#173e68;border-color:#b7cde4;min-height:40px}
.attention-card .attention-sync{color:#4c6b8d;min-height:32px}.attention-card .attention-sync b{color:#275c8d}
.panel.rule-card{background:#edf3fa;color:#173553;border-color:#cad9e9;box-shadow:none}.rule-card h3{color:#173553}.rule-card .rule-kicker{color:#3d6690}.rule-card .rule-list li{color:#4b6580}.rule-card .rule-list i{color:#3e6994}.rule-card>p{color:#5c7189}
.side-card h3{font-weight:680}.soon{background:#f8fbff;border-color:#d1deeb;box-shadow:none}.soon:hover{transform:translateY(-1px)}
.inline-link{color:#145aa0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word}
.inline-link:hover{color:#08396c;background:#e8f1fc;border-radius:3px}
.original p{font-size:14px;line-height:1.95;color:#2e4a68;white-space:pre-wrap;overflow-wrap:anywhere}
dialog{border:1px solid #bed0e4;background:#f7faff;backdrop-filter:none;box-shadow:0 32px 90px #07192f45;border-radius:25px;max-height:90dvh}
dialog[open]{display:flex;flex-direction:column;animation:sheet-in .22s var(--ease)}
dialog>.modal-head{flex:0 0 auto}
dialog>.modal-body{flex:1 1 auto;min-height:0}
dialog[data-closing]{animation:sheet-out .13s ease-in forwards}
dialog::backdrop{background:rgba(8,23,43,.45);backdrop-filter:blur(6px)}
.modal-head{background:rgba(238,245,253,.95);padding:18px 22px;border-bottom-color:#ccdaea}
.modal-head h2{font-size:20px;font-weight:680}.modal-kicker{display:block;font-size:9px;font-weight:750;letter-spacing:.15em;color:#5078a0;margin-bottom:3px}
.modal-body{max-height:calc(90dvh - 80px);padding:23px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4c8df transparent}
.close{background:#edf4fd;border-color:#bfcfe2;min-width:40px;height:40px}
.calendar-help{display:none}
.detail-title{font-size:29px;line-height:1.45;font-weight:700;letter-spacing:-.025em}.meta-box{background:#eaf1f9;border-color:#d4dfed}.meta-box span{color:#526b87}.meta-box b{font-weight:600;overflow-wrap:anywhere}
.source-note{background:#eaf1f9;border-left:2px solid #86a8cb;color:#4c6683}.timeline-item{background:#f1f6fc;border-color:#d3e0ee}.timeline-item.past{opacity:1}.timeline-item.past time{color:#6c7180}.timeline-item.past .timeline-mark{background:#e9edf2;color:#697b8d}
.personal-note{background:#eff5fc;border:1px solid #cddbeb;border-radius:17px;padding:16px}.personal-note.saved{background:#edf6f1;border-color:#b3d1c1}.personal-note textarea{background:#fbfdff;font-size:14px}.personal-note .section-title-row>span{color:#536b84}
.attachment{background:#f3f7fc;border:1px solid #d0deed;border-radius:13px;gap:12px;min-height:56px;font-size:13px}.attachment>span:first-child{min-width:0;overflow-wrap:anywhere}.attachment>span:last-child{flex-shrink:0;font-size:11px;color:#285e8f}
.attachment small{display:block;margin:4px 0 0;color:#5c7390;font-size:10px}.attachment-kind{display:inline-block;vertical-align:1px;margin-right:8px;padding:3px 6px;border-radius:5px;font-size:9px;background:#dce9f8;color:#345f8a;letter-spacing:.03em}
.attachment:hover{transform:translateY(-1px);background:#eaf2fc;border-color:#9bb8d8}
.import-original{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:650;margin-bottom:9px}.import-original span{font-size:11px;font-weight:400;color:#5b7390}
#importText{min-height:180px;font-size:14px;line-height:1.85;background:#fff}
.field-control>span{font-size:12px;color:#4f6680}.field-control input,.field-control select{background:#fff;border-color:#c5d5e7;font-size:13px;font-weight:500}
.advanced-import{margin-top:16px;border-bottom:1px solid #d1dfee;padding-bottom:13px}.advanced-import summary{font-size:12px;color:#3b5f85;cursor:pointer;padding:6px 0}.advanced-import textarea{background:#fff}
.import-attachments{background:#edf4fc;border-color:#cbdcef;padding:16px;gap:12px;margin-top:18px}.import-attachments>div:first-child b{font-size:14px}.import-attachments>div:first-child span{font-size:11px;color:#546e8b}
.attachment-picker{position:relative;overflow:hidden;background:#fafdff;border-color:#aec8e3;min-height:42px;padding:0 14px;font-size:12px}
.attachment-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer}
.attachment-picker:focus-within{outline:3px solid #6ba4e5;outline-offset:3px}
.attachment-help{grid-column:1/-1;font-size:10px;color:#536e89;margin:0;line-height:1.7}
.selected-files{grid-column:1/-1}.selected-file{background:#fafdff;border-color:#c5d8eb}.selected-file b{font-size:12px;min-width:0;overflow-wrap:anywhere}.selected-file button,.selected-link button{min-width:38px;min-height:38px;border:0;border-radius:8px;background:#e9f1fb;color:#315577;cursor:pointer}
.import-links{margin-top:18px;padding:16px;background:#edf4fc;border:1px solid #cbdcef;border-radius:16px}.import-links h3{margin:0;font-size:14px}.import-links>p{font-size:11px;line-height:1.7;color:#536e89;margin:5px 0 12px}
.link-fields{display:grid;grid-template-columns:minmax(100px,.85fr) minmax(130px,1.4fr) auto;gap:8px;align-items:end}.link-fields label{min-width:0}.link-fields label>span{display:block;color:#536e89;font-size:10px;margin-bottom:5px}.link-fields input{width:100%;min-width:0;padding:11px;border:1px solid #c1d3e7;border-radius:11px;background:#fff;color:#183653;font-size:12px}.link-fields .btn{border-radius:11px;min-height:42px;font-size:12px}
.selected-links{display:grid;gap:7px;margin-top:10px}.selected-link{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #ccdaeb;border-radius:11px;padding:8px 10px}.selected-link>span{min-width:0;overflow-wrap:anywhere}.selected-link b{font-size:12px}.selected-link small{display:block;color:#5c7692;font-size:10px}
.image-dialog{width:min(960px,calc(100% - 24px))}.image-view{text-align:center}.image-view img{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:auto;border-radius:12px}.image-view p{font-size:11px;color:#5c7590}
.modal-actions{border-top:1px solid #d5e1ef;padding-top:16px;gap:8px}.modal-actions .btn{min-height:42px}
.toast{display:flex;align-items:center;gap:14px;max-width:calc(100vw - 28px);width:max-content;border:1px solid #6f93bb55;border-radius:16px;background:rgba(12,34,60,.96);backdrop-filter:blur(16px);box-shadow:0 8px 28px #102c4a30;padding:12px 14px;font-size:12px;transition:opacity .18s ease,transform .18s var(--ease);pointer-events:none;z-index:200}
.toast.show{pointer-events:auto}.toast>span{min-width:0;line-height:1.7}.toast button{flex-shrink:0;min-width:36px;min-height:36px;padding:6px;border:0;border-radius:8px;background:#d5e8ff18;color:#d8eaff;cursor:pointer}.toast #undoLastAction{color:#aaceff}
@keyframes sheet-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sheet-out{to{opacity:0;transform:translateY(8px) scale(.995)}}
@media(max-width:1050px) and (min-width:681px){.workspace{grid-template-columns:minmax(0,1fr) 260px}.filter-row{grid-template-columns:minmax(0,1fr) auto auto}.search{grid-column:1/-1}.hero{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.hero-main{padding:28px}.hero-main h1{font-size:38px}.notice{grid-template-columns:1fr}.notice-side{flex-direction:row;max-width:none;align-items:center}.notice-actions{order:2}}
@media(max-width:680px){
  html{scroll-padding-top:66px}.shell{width:calc(100% - 24px)}.nav{height:62px;gap:8px}.brand{min-width:0}.brand small{display:none}.brand b{font-size:17px}.nav-actions{min-width:0}.nav-actions .btn{min-height:42px;padding:9px 13px;font-size:12px}.owner-key{min-width:36px;height:40px}.nav-links{display:none}
  .dev-banner{padding:5px 12px;font-size:10px}.dev-banner span{display:none}.dev-banner button{min-height:30px;padding:4px 7px;font-size:10px}.dev-banner b{font-size:11px}
  .hero{padding:12px 0;display:block}.hero-main{min-height:0;padding:19px 19px 16px;border-radius:23px}.hero-main h1{font-size:29px;line-height:1.15;margin:15px 0 12px;letter-spacing:-.045em}.hero-main>p,.hero-note,.hero-grid{display:none}.hero-kicker .eyebrow{font-size:9px}.hero-live{font-size:9px}.hero-focus{margin-top:0;padding:9px 11px;width:100%;border-radius:12px}.hero-focus strong{font-size:12px;font-weight:600}.hero-focus span{font-size:8px}.hero-focus small{font-size:10px;line-height:1.5}
  .hero-side{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:0;padding:12px 16px;margin-top:8px;gap:14px;border-radius:18px;box-shadow:none;align-items:center}.hero-side .today-block{grid-row:auto}.hero-side .side-eyebrow,.hero-side .week-chip,.hero-side .pulse-metrics,.hero-side .live,.hero-side .dos{display:none}.hero-side .today{font-size:27px;margin:0;letter-spacing:-.04em}.hero-side .today-sub{font-size:10px}.hero-side .daily-note{grid-column:auto;border:0;border-left:1px solid #c8d8e9;padding:0 0 0 14px;margin:0}.hero-side .daily-note>span{font-size:9px}.hero-side .daily-note p{font-size:12px;margin:3px 0 0;min-height:0;line-height:1.5;-webkit-line-clamp:2}.side-glow{display:none}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.stat{padding:10px 9px;border-radius:15px}.stat span{font-size:10px;color:#4f6984}.stat strong{font-size:25px;margin-top:2px}.stat small{display:none}
  .workspace{display:flex;flex-direction:column;gap:10px}.sidebar{order:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto;overflow:visible;width:100%;padding:0;scroll-snap-type:none}.sidebar .side-card{height:auto;min-height:108px;min-width:0;width:100%;padding:12px;border-radius:17px;overflow:visible}.sidebar .side-card:not(.calendar-launch):not(.attention-card){display:none}.sidebar .calendar-card-top{font-size:8px}.sidebar .calendar-art,.sidebar .legend{display:none}.sidebar .side-card h3{font-size:15px;line-height:1.4;margin:4px 0}.sidebar .side-card .sub{font-size:10px;line-height:1.5;margin:2px 0 0}.sidebar .attention-top{margin:0;font-size:8px}.sidebar .attention-top b{font-size:18px;line-height:1}.sidebar .attention-top span{font-size:8px}.sidebar .attention-open{min-height:30px;font-size:10px;padding:5px 7px;margin-top:7px;border-radius:8px}.sidebar .attention-sync{min-height:26px;font-size:9px;margin-top:2px}.sidebar .attention-sync b{font-size:9px}.sidebar .attention-card .sub{display:none}.sidebar .calendar-launch .sub{color:#c2d8f0}
  .main-panel{order:1;width:100%;border-radius:20px}.controls{top:62px;padding:10px 11px 6px;border-radius:19px 19px 0 0}.status-tabs{padding:3px;border-radius:12px;margin-bottom:9px}.status-tab{min-height:42px;padding:7px 3px;font-size:12px;border-radius:9px}.status-tab b{font-size:10px;margin-left:2px}
  .filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:6px}.search{grid-column:1/-1}.search input{height:40px;font-size:16px;padding:9px 12px 9px 33px}.search:before{top:6px}.filter-row select{width:100%;max-width:none;padding:8px 22px 8px 10px;font-size:12px}.focus-filter,.density-toggle{font-size:11px;padding:7px;min-height:40px}.filter-row select{min-height:40px}.view-tools{margin-top:5px;font-size:10px}.state-explainer summary{min-height:30px}.clear-filters{min-height:30px;font-size:10px}
  .section-head{padding:15px 14px 6px}.section-head h2{font-size:21px}.section-head p{font-size:11px;line-height:1.65}.section-head>span{font-size:11px;white-space:nowrap}.list{padding:0 6px 10px}.notice,.compact-notices .notice{display:block;margin:7px 3px;padding:13px 11px 10px 15px;border-radius:14px}.notice h3{display:block;font-size:15px;line-height:1.5;overflow:visible;-webkit-line-clamp:unset;margin:5px 0}.notice-title{font-weight:650}.notice-top{flex-wrap:wrap;overflow:visible;gap:4px}.notice .tag{font-size:9px}.notice .tag.source,.notice .tag.audience{display:none}.notice p{font-size:12px;line-height:1.6;-webkit-line-clamp:2}.compact-notices .notice p{-webkit-line-clamp:1}.notice-meta{font-size:10px;margin-top:8px;gap:2px 9px;line-height:1.6;display:flex}.notice-side{display:flex;flex-direction:row;max-width:none;margin-top:9px;align-items:center;justify-content:space-between;gap:8px}.notice-actions{order:2;gap:6px}.notice .open-hint{display:block;font-size:10px}.notice .done-btn{min-height:40px;font-size:11px;padding:7px 10px;border-radius:10px}.notice .star-btn{width:40px;height:40px;border-radius:10px}.notice:hover{transform:none}
  dialog:not(#calendarDialog){position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:100%;max-height:94dvh;border-radius:24px 24px 0 0;border-bottom:0}.modal-head{padding:14px 17px;min-height:66px}.modal-head h2{font-size:18px}.modal-body{padding:18px 16px;max-height:calc(94dvh - 76px);padding-bottom:calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.detail-title{font-size:23px;line-height:1.45;margin-top:12px}.detail-grid{grid-template-columns:1fr 1fr}.meta-box{padding:11px}.meta-box span{font-size:10px}.meta-box b{font-size:12px}.original p{font-size:14px;line-height:1.9}.source-note{font-size:11px;line-height:1.8}.personal-note textarea{font-size:16px}.timeline-item time{font-size:10px;line-height:1.7}.timeline-item b{font-size:12px;line-height:1.7}.section-title-row>span{font-size:10px;line-height:1.6}
  #importText{min-height:160px;font-size:16px}.import-original{font-size:13px}.import-original span{font-size:10px}.import-fields{grid-template-columns:1fr;gap:12px}.field-control input,.field-control select,.link-fields input{font-size:16px;min-height:44px}.link-fields{grid-template-columns:1fr}.link-fields .btn{width:100%;min-height:44px}.import-links,.import-attachments{padding:13px}.import-links>p,.import-attachments>div:first-child span{font-size:11px}.attachment-help{font-size:10px}.attachment-picker{min-height:44px}.attachment{padding:12px;align-items:center;min-height:58px}.attachment>span:first-child{font-size:12px}.attachment>span:last-child{font-size:10px}.modal-actions .btn{min-height:44px;padding:8px 12px;font-size:12px}.modal-actions{flex-wrap:wrap}.toast{bottom:calc(18px + env(safe-area-inset-bottom));font-size:12px;padding:10px 12px;gap:9px}
  #calendarDialog .modal-head{display:grid;grid-template-columns:1fr auto;padding:12px 14px;gap:8px}#calendarDialog .modal-head h2{font-size:16px}.calendar-toolbar{gap:5px}.calendar-toolbar strong{font-size:13px;min-width:0;white-space:nowrap}.calendar-toolbar button{min-width:34px;height:38px;width:auto;padding:5px 8px;font-size:15px}.calendar-toolbar .calendar-today{font-size:11px}#calendarDialog .modal-body{height:auto;max-height:calc(100dvh - 68px);padding:12px 10px 28px}.month-grid{width:100%;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-cell{min-width:0;min-height:78px;padding:5px 3px}.calendar-cell.weekday{min-height:28px;font-size:11px}.date-num{font-size:12px}.cal-event{font-size:9px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-height:none;min-width:0;contain:none;margin-top:4px;padding:3px;-webkit-line-clamp:unset}.month-agenda{display:block}.agenda-event strong{font-size:12px;line-height:1.6}.image-view img{max-height:65dvh}
}
@media(max-width:680px){
  .calendar-help{display:block;margin:0 1px 10px;font-size:11px;line-height:1.7;color:#526b87}
  .cal-event{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:3.6em;overflow:hidden;padding:4px 3px 4px 7px;line-height:1.4;background:color-mix(in srgb,var(--cat) 10%,#f7faff);border-radius:5px}
}
@media(max-width:370px){.hero-main h1{font-size:26px}.calendar-toolbar{gap:3px}.calendar-toolbar button{min-width:29px;padding:4px 6px}#calendarDialog .modal-head{grid-template-columns:1fr}#calendarDialog .modal-head h2{display:none}.calendar-toolbar{justify-content:space-between}.status-tab{font-size:11px}.attachment-kind{display:block;width:max-content;margin:0 0 4px}}
@media(prefers-reduced-transparency:reduce){.site-header,.controls,.modal-head,.toast{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header,.controls,.modal-head{background:#edf3fb}.toast{background:#10283f}}
@media(prefers-contrast:more){:root{--muted:#354d69;--line:#7891ad}.panel,.notice,.stat,.controls{border-color:#8299b2}.notice p,.notice-meta,.section-head p{color:#334c68}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}