:root{--bg:#f6f5f2;--side:#efede8;--card:#fff;--text:#1f1f1f;--muted:#8a877f;--track:#ebe9e4;--line:#e6e3dd;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app{max-width:560px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 0;margin:0 auto}.head{justify-content:space-between;align-items:center;margin:8px 4px 18px;display:flex}.head h1{letter-spacing:.04em;margin:0;font-size:24px;font-weight:700}.head-actions{gap:4px;display:flex}.icon-btn{color:#333;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.icon-btn:active{background:#0000000f}.sheet-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:88vh;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 20px);border-radius:22px 22px 0 0;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sheet-head h2{margin:0;font-size:20px}.sheet-done{color:#fff;background:#1f1f1f;border:0;border-radius:12px;padding:9px 18px;font-size:16px;font-weight:700}.sheet-note{color:var(--muted);margin:4px 2px 14px;font-size:13px}.icon-row{background:var(--card);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.icon-row.is-pick{flex-wrap:wrap}.reminder-default{flex-direction:column;align-items:stretch;gap:8px}.reminder-default .field{width:100%}.reminder-default-note{color:#555;font-size:13px}.reminder-reset{color:#555;background:0 0;border:0;align-self:flex-end;font-size:13px;font-weight:700;text-decoration:underline}.pick-each{color:#555;flex-basis:100%;align-items:center;gap:8px;padding-left:2px;font-size:13px;display:flex}.pick-each input{accent-color:#1f1f1f;width:18px;height:18px;margin:0}.icon-row-label{flex-shrink:0;align-items:center;gap:8px;width:4.5em;font-weight:700;display:inline-flex}.icon-choices{flex:1;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.icon-choice{border:2px solid var(--line);background:var(--card);border-radius:12px;height:46px;font-size:22px}.icon-choice.is-none{color:var(--muted);font-size:14px}.sync-box{background:var(--card);color:#555;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 4px;padding:10px 12px;font-size:13px;display:flex}.sync-box.is-ok{color:#0b5d2c;background:#e7f4ea}.sync-box.is-error{color:#b3261e;background:#fdecea}.sync-box button{color:#fff;background:#1f1f1f;border:0;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:700}.sync-box button:disabled{opacity:.5}.seg.sheet-mode{grid-template-columns:1fr 1fr;margin:10px 0 4px}.icon-row.is-reorder{flex-direction:column;align-items:stretch;gap:10px}.reorder-head{justify-content:space-between;align-items:center;display:flex}.reorder-head .icon-row-label{white-space:nowrap;width:auto}.reorder-btns,.move-btns{gap:8px;display:flex}.reorder-btns button,.move-btns button{border:2px solid var(--line);background:var(--card);border-radius:10px;min-width:44px;height:40px;padding:0 12px;font-size:17px;font-weight:700}.move-btns{justify-content:flex-end}.reorder-btns button:disabled,.move-btns button:disabled{opacity:.35}.icon-cell{flex-direction:column;align-items:center;gap:6px;display:flex}.icon-cell .icon-choice{width:100%}.icon-check,.icon-row-label input[type=checkbox]{accent-color:#1f1f1f;width:20px;height:20px;margin:0}.icon-choice.is-hidden{opacity:.35}.icon-row.is-hidden .icon-row-label{color:var(--muted)}.icon-row.is-hidden .icon-choices{opacity:.45}.icon-choice.is-picked{border:2px dashed var(--cat);background:color-mix(in srgb, var(--cat) 12%, white);transform:translateY(-2px)}.icon-choice.is-on{border-color:var(--cat);background:color-mix(in srgb, var(--cat) 12%, white)}.cat-list{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cat{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;font-weight:500;display:flex}.cat.is-selected{border-color:var(--cat);background:color-mix(in srgb, var(--cat) 7%, white)}.cat-icon{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.cat-icon-text{font-size:21px;font-weight:700}.cat-text{flex-direction:column;align-items:center;display:flex}.cat-label{font-size:15px}.cat.is-selected .cat-label{font-weight:700}.cat-sub{display:none}.main{flex-direction:column;gap:14px;padding-top:12px;display:flex}.desc{color:var(--muted);letter-spacing:.02em;margin:0 2px;font-size:13px}.desc-mac{display:none}.subicons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.subicon{border:2px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:13px;display:flex}.subicon span{font-size:22px}.subicon.is-on{border-color:var(--accent);font-weight:700}.card{background:var(--card);border-radius:var(--radius);padding:16px 18px}.title{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.title-icon{font-size:22px}.title input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:6px 0;font-size:20px}.title input::placeholder,.memo textarea::placeholder{color:#a9a69f}.when{flex-direction:column;gap:12px;display:flex}.when-chips{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:12px;display:flex}.chip-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.chip{white-space:nowrap;background:#f1efeb;border-radius:12px;align-items:center;padding:12px 16px;font-size:18px;font-weight:500;display:inline-flex;position:relative}.chip-input{opacity:0;appearance:none;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.chip-joined{background:#f1efeb;border-radius:12px;gap:0}.chip-joined .chip{background:0 0;padding-inline:8px}.chip-joined .chip:first-child{padding-left:16px}.chip-joined .chip:last-child{padding-right:16px}.dash{color:#555;font-size:18px}.when-allday{justify-content:space-between;align-items:center;font-size:17px;display:flex}.switch{background:#d9d6d0;border:0;border-radius:18px;flex-shrink:0;width:64px;height:36px;transition:background .15s;position:relative}.switch.is-on{background:var(--accent)}.switch-knob{background:#fff;border-radius:50%;width:30px;height:30px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.is-on .switch-knob{transform:translate(28px)}.row2{flex-direction:column;gap:14px;display:flex}.field{min-width:0}.field-label{color:#555;margin:0 2px 8px;font-size:15px;font-weight:700;display:block}.seg{background:var(--track);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;display:grid}.seg-item{color:#555;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:11px 0;font-size:17px}.seg-item.is-on{background:var(--card);color:var(--text);font-weight:700;box-shadow:0 1px 2px #00000014}.memo{flex-direction:column;display:flex}.memo .field-label{margin:0 0 6px}.memo textarea{resize:vertical;background:0 0;border:0;outline:0;min-height:70px;padding:0;font-size:17px}.status-area{scroll-margin-bottom:calc(env(safe-area-inset-bottom,0px) + 170px)}.status{border-radius:12px;margin:0;padding:14px 16px;font-size:15px}.status p{margin:0}.status-error{color:#b3261e;background:#fdecea;font-weight:500}.status-ok{color:#0b5d2c;background:#e7f4ea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.status-ok a{color:#0b5d2c;font-weight:700}.status-preview{color:#6b4e00;background:#fff7e0}.status-preview pre{white-space:pre;margin:8px 0 0;font-size:12px;overflow-x:auto}.actions{padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:linear-gradient(to bottom, #f6f5f200, var(--bg) 30%);flex-direction:column;gap:8px;margin:4px -16px 0;display:flex;position:sticky;bottom:0}.actions-row{gap:12px;display:flex}.open-calendar{border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.cancel{background:0 0;border:0;padding:0 20px;font-size:17px;font-weight:500;display:none}.save{color:#fff;background:#1f1f1f;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:17px 24px;font-size:18px;font-weight:700;display:inline-flex}.save:disabled{opacity:.6}@media (width<=879px){.row2 .field{align-items:center;gap:10px;display:flex}.row2 .field-label{flex-shrink:0;width:4.6em;margin:0}.row2 .seg{flex:1;min-width:0}.row2 .seg-item{padding:10px 0;font-size:15px}.when{padding:14px}.when-chips{gap:8px}.chip{padding:11px 12px;font-size:16px}.chip-joined .chip{padding-inline:5px}.chip-joined .chip:first-child{padding-left:12px}.chip-joined .chip:last-child{padding-right:12px}.dash{font-size:16px}}@media (width>=880px){body{padding:32px 24px}.app{background:var(--bg);border-radius:22px;grid-template-columns:400px 1fr;max-width:1240px;padding:0;display:grid;overflow:hidden;box-shadow:0 2px 24px #0000000f}.side{background:var(--side);padding:28px 22px 32px}.head{margin:10px 12px 26px}.close{display:none}.sheet-backdrop{align-items:center}.sheet{border-radius:22px;padding:26px 26px 22px}.cat-list{grid-template-columns:1fr;gap:4px}.cat{text-align:left;background:0 0;border-color:#0000;flex-direction:row;gap:16px;padding:12px 16px}.cat.is-selected{background:var(--card)}.cat-icon{width:48px;height:48px;font-size:23px}.cat-text{align-items:flex-start}.cat-label{font-size:19px;font-weight:700}.cat-sub{color:var(--muted);margin-top:2px;font-size:14px;display:block}.main{gap:18px;padding:36px 38px 32px}.desc-mobile{display:none}.desc-mac{font-size:15px;display:block}.title{padding:20px 22px}.title input{font-size:22px}.when{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.when-chips{border-bottom:0;padding-bottom:0}.when-allday{gap:14px}.row2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.memo{flex:1;min-height:260px}.memo textarea{flex:1}.actions{background:0 0;align-items:flex-end;margin:0;padding:0;position:static}.cancel{display:inline-block}.save{flex:none}}
