:root{--bg:#f7f8fa;--ink:#243c39;--muted:#6e7c79;--green:#286753;--line:#e8eeeb;--work:#e8f2ec;--booking:#eef0fc;--life:#fcf0e5;color:var(--ink);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button,input,select,textarea{border-radius:8px}button{background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #61a58b}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #61a58b}input,textarea{caret-color:var(--green)}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}::selection{background:#d2e8db}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd6cf;border-radius:6px}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:256px;padding:32px 24px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{color:var(--ink);align-items:center;gap:11px;margin-bottom:36px;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.brand-mark svg{width:25px;height:25px}.brand strong{letter-spacing:2px;align-items:baseline;gap:9px;font-size:23px;display:flex}.brand strong span{letter-spacing:-.3px;color:var(--muted);font-size:14px;font-weight:500}.workspace{align-items:center;gap:10px;margin-bottom:24px;display:flex}.workspace-avatar{color:#63775e;background:#f1f3ef;border-radius:9px;place-items:center;width:34px;height:36px;display:grid}.workspace strong{font-size:12px}.workspace small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.workspace-dot{background:#76a18b;border-radius:50%;width:5px;height:5px;margin-left:auto}.primary{background:var(--green);color:#fff;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 18px;font-weight:500;transition:background .15s;display:inline-flex}.primary:hover{background:#1c5140}.sidebar .create{justify-content:flex-start;width:100%;padding:13px 16px}.create kbd{color:#d5e7df;border:1px solid #ffffff40;margin-left:auto;padding:1px 4px;font-size:10px}.side-section{margin-top:30px}.mini-heading{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.mini-heading>div{display:flex}.icon-btn{min-width:32px;height:32px;color:var(--muted);place-items:center;padding:5px;display:inline-grid}.icon-btn:hover{color:var(--green);background:#f0f4f1}.icon-btn svg{width:17px;height:17px}.mini-week,#mini-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mini-week{color:#77847e;margin-bottom:8px;font-size:10px}.mini-day{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:50%;padding:0;font-size:11px}.mini-day:hover{background:#edf3ee}.mini-day.outside{color:#b4bdb9}.mini-day.in-week{background:#edf3ee}.mini-day.selected{background:var(--green);color:#fff}.mini-day.is-today:not(.selected){box-shadow:inset 0 0 0 1px #4b856c}.side-section h2{color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 15px;font-size:11px;font-weight:500;display:flex}.side-section h2 span{color:#85908a;font-size:10px}.category{cursor:pointer;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:flex}.category input{accent-color:var(--green);width:14px;height:14px;margin:0}.category:nth-child(2) input{accent-color:#6e75b0}.category:nth-child(3) input{accent-color:#b78352}.category span:last-child{color:#929b95;margin-left:auto;font-size:10px}.upcoming h2 svg{width:14px;height:14px}.upcoming-item{text-align:left;width:100%;padding:8px 0;display:block}.upcoming-time{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.upcoming-title{align-items:center;gap:8px;font-size:12px;display:flex}.dot{background:#51946f;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.booking{background:#7e85c6}.dot.life{background:#c89467}.sidebar-bottom{margin-top:auto;padding-top:28px}.local-note{color:var(--muted);align-items:center;gap:6px;margin-bottom:13px;font-size:9px;display:flex}.status-dot{background:#529a78;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.line-login{color:#315b40;background:#f6fbf6;border:1px solid #dce8df;align-items:center;gap:10px;width:100%;padding:11px 10px;font-size:11px;display:flex}.line-login:hover{background:#e8f6e9}.line-logo{color:#fff;letter-spacing:-.5px;background:#06a643;border-radius:5px;padding:5px 3px;font-size:8px;font-weight:800}.line-login svg{width:14px;margin-left:auto}.sidebar-bottom>small{color:#7c8981;text-align:center;margin-top:10px;font-size:9px;display:block}main{min-width:0;margin-left:256px;padding:0 36px 18px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.page-label,.top-actions{align-items:center;gap:12px;display:flex}.page-label{font-size:12px}.page-label>svg{color:#75877b;width:17px;height:17px}.version{color:#718375;border:1px solid #dce4de;border-radius:4px;padding:3px 5px;font-size:9px}.search{align-items:center;gap:8px;display:flex}.search svg{color:#87928b;width:16px}.search input{width:130px;color:var(--ink);background:0 0;border:0;padding:8px 0;font-size:11px}input::placeholder,textarea::placeholder{color:#7e8984}.search kbd{color:#8c978f;border:1px solid #dbe1dd;border-radius:4px;padding:2px 5px;font-size:10px}.avatar{color:#687c64;background:#e5ebe4;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:12px;font-size:11px;display:grid}h1{letter-spacing:.6px;margin:0 0 10px;font-size:25px;font-weight:600}.heading-create{display:none}.calendar-shell{background:#fff;border:1px solid #e0e7e2;border-radius:14px;margin-top:20px;overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;padding:22px 23px 15px;display:flex}.date-nav{align-items:center;gap:14px;display:flex}.date-nav h2{letter-spacing:-.4px;font-variant-numeric:tabular-nums;margin:0;font-size:19px;font-weight:600}.nav-buttons{gap:0;display:flex}.plain-btn{background:#fff;border:1px solid #e1e7e2;min-height:32px;padding:7px 12px;font-size:11px}.plain-btn:hover{background:#f2f6f3}.view-switch{background:#f4f6f4;border-radius:8px;gap:3px;padding:4px;display:flex}.view-switch button{color:#77847b;padding:6px 15px;font-size:11px}.view-switch button.active{color:var(--green);background:#fff;font-weight:600;box-shadow:0 2px 4px #234e3210}.calendar-meta{color:#839087;justify-content:space-between;padding:0 24px 18px;font-size:10px;display:flex}.calendar-meta>span:last-child{align-items:center;gap:6px;display:flex}.week-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:4;background:#fff;grid-template-columns:56px repeat(7,minmax(0,1fr));display:grid;position:sticky;top:0}.zone{color:#8b9890;text-align:center;padding-top:22px;font-size:8px}.day-heading{text-align:center;border-left:1px solid var(--line);color:#7b8980;padding:13px 0 11px;font-size:10px}.day-heading strong{width:33px;height:33px;color:var(--ink);font-variant-numeric:tabular-nums;place-items:center;margin:5px auto 0;font-size:20px;font-weight:400;display:grid}.day-heading.today{color:var(--green);background:#f8fbf8}.day-heading.today strong{background:var(--green);color:#fff;border-radius:50%}.week-body{grid-template-columns:56px repeat(7,minmax(0,1fr));height:100%;display:grid;position:relative}.time-column{position:relative}.time-label{color:#8b9790;font-variant-numeric:tabular-nums;font-size:9px;position:absolute;right:10px;transform:translateY(-50%)}.day-column{border-left:1px solid var(--line);position:relative}.day-column.today{background-color:#fbfdfb}.slot{border-bottom:1px solid #edf1ee;border-radius:0;width:100%;height:8.33333%;display:block}.slot:hover{background:#e8f2ec80}.slot:focus-visible{outline-offset:-3px}.event{text-align:left;background:var(--work);color:#32634c;z-index:2;border-radius:6px;min-height:0;padding:9px 9px 6px;transition:filter .15s,box-shadow .15s;position:absolute;overflow:hidden}.event:hover{filter:brightness(.97);z-index:3;box-shadow:0 3px 9px #294f2416}.event.booking{background:var(--booking);color:#595f95}.event.life{background:var(--life);color:#91643d}.event strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.event time{white-space:nowrap;margin-top:5px;font-size:9px;display:block}.event small{opacity:.85;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:9px;display:block;overflow:hidden}.event.compact{padding:4px 7px}.event.compact time{display:none}.now-line{z-index:3;pointer-events:none;background:#ba775e;height:1px;position:absolute;left:0;right:0}.now-line:before{content:"";background:#ba775e;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.page-footer{color:#859087;justify-content:space-between;padding:17px 0 0;font-size:10px;display:flex}.footer-dot{color:#b0bbb3;padding:0 8px}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.month-label{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:12px;font-size:11px}.month-cell{border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:108px;padding:5px;overflow:hidden}.month-cell.outside{background:#fafbf9}.month-date{border-radius:50%;width:28px;height:28px;margin-bottom:4px;font-size:11px}.month-date:hover{background:#e8f2ec}.month-date.today{background:var(--green);color:#fff}.month-event{text-align:left;background:var(--work);color:#32634c;white-space:nowrap;align-items:center;gap:5px;width:100%;margin-bottom:3px;padding:5px;font-size:10px;display:flex;overflow:hidden}.month-event.booking{background:var(--booking);color:#595f95}.month-event.life{background:var(--life);color:#91643d}.month-event span{text-overflow:ellipsis;overflow:hidden}.list-view{border-top:1px solid var(--line);min-height:340px;padding:12px 24px}.list-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:20px;width:100%;padding:18px 0;display:flex}.list-row time{color:var(--muted);min-width:150px;font-size:11px}.list-row strong{flex:1;font-size:13px}.list-row small{color:var(--muted);font-size:11px}.empty{color:var(--muted);text-align:center;padding:34px;font-size:12px;line-height:1.8}.empty small{display:block}dialog{width:460px;max-width:calc(100vw - 32px);color:var(--ink);border:0;border-radius:16px;max-height:90vh;padding:0;overflow:auto;box-shadow:0 20px 80px #152c3426}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a332d55}#event-form{padding:26px}.dialog-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.dialog-heading small{letter-spacing:1.3px;color:var(--muted);font-size:9px}.dialog-heading h2{margin:7px 0 0;font-size:22px}form label{color:#50665b;margin-top:15px;font-size:11px;display:block}form input,form select,form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce5de;min-width:0;margin-top:7px;padding:10px 12px;font-size:13px;display:block}form textarea{resize:vertical}.form-row{gap:16px;display:flex}.form-row label{flex:1;min-width:0}.form-actions{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.form-actions>div{gap:9px;margin-left:auto;display:flex}.form-actions .primary{padding:10px 15px;font-size:12px}.danger{color:#b2584e;padding:7px 0;font-size:11px}.danger:hover{text-decoration:underline}.form-error{color:#af443b;margin:12px 0 0;font-size:11px}.login-content{text-align:center;padding:40px 32px;position:relative}.close-login.icon-btn{position:absolute;top:12px;right:12px}.login-brand{color:#fff;letter-spacing:-1px;background:#06a643;border-radius:18px;place-items:center;width:64px;height:64px;font-size:20px;font-weight:800;display:inline-grid}.login-content h2{margin:24px 0 8px;font-size:23px}.login-content>p{color:var(--muted);font-size:12px}.login-notice{text-align:left;background:#f4f7f3;border-radius:8px;margin:28px 0;padding:16px;font-size:12px}.login-notice p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.9}.login-content>.primary{width:100%;font-size:13px}#toast{color:#fff;opacity:0;pointer-events:none;z-index:40;background:#244c3d;border-radius:9px;padding:12px 20px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:calc(50% + 128px);transform:translate(-50%,12px);box-shadow:0 6px 20px #16302420}#toast.visible{opacity:1;transform:translate(-50%)}.mobile-menu,.sidebar-shade{display:none}@media (min-width:1600px){main{padding-left:60px;padding-right:60px}}@media (max-height:850px) and (min-width:901px){.sidebar{padding-top:24px}.brand{margin-bottom:24px}.side-section{margin-top:22px}.upcoming-item:nth-child(n+3){display:none}.sidebar-bottom{padding-top:18px}}@media (max-width:1100px){.sidebar{width:224px;padding-left:18px;padding-right:18px}main{margin-left:224px;padding-left:22px;padding-right:22px}.event{padding-left:5px;padding-right:5px}.event small{display:none}#toast{left:calc(50% + 112px)}}@media (max-width:900px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-shade.visible{z-index:15;background:#1a332d55;display:block;position:fixed;inset:0}main{margin-left:0;padding:0 20px 20px}.mobile-menu{display:grid}.page-label>svg{display:none}.topbar{height:70px}.heading-create{display:inline-flex}#toast{left:50%}}@media (max-width:600px){main{padding:0 12px 15px}.topbar{height:62px}.page-label{gap:8px}.search input{width:76px;font-size:11px}.search kbd{display:none}.top-actions{gap:4px}.avatar{width:28px;height:28px;margin-left:6px}.heading-create{gap:0;min-height:36px;padding:8px;font-size:0}.heading-create svg{width:20px}.calendar-toolbar{flex-wrap:wrap;gap:8px;padding:15px 12px}.date-nav{gap:7px}.date-nav h2{font-size:16px}.nav-buttons .icon-btn{min-width:26px}.view-switch button{padding:5px 11px}.calendar-meta{padding:0 12px 13px;font-size:9px}.week-head,.week-body{grid-template-columns:34px repeat(7,minmax(0,1fr))}.zone{font-size:7px}.day-heading{padding:10px 0;font-size:9px}.day-heading strong{width:28px;height:28px;font-size:16px}.time-label{font-size:8px;right:4px}.event{border-radius:4px;padding:5px 3px}.event strong{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box}.event time{white-space:normal;font-size:8px;line-height:1.4}.page-footer{align-items:flex-start;gap:10px;padding-top:13px;font-size:9px}.page-footer>span:last-child{white-space:nowrap}.month-cell{min-height:96px;padding:3px}.month-event{padding:4px 2px;font-size:9px}.month-event .dot{display:none}.month-date{width:24px;height:24px}.list-view{padding:5px 12px}.list-row{flex-wrap:wrap;gap:10px}.list-row time{min-width:110px;font-size:10px}.list-row strong{font-size:11px}.list-row small{width:100%;padding-left:127px;font-size:10px}.form-actions{gap:10px}#event-form{padding:22px}.sidebar .side-section{margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.auth-page{background:#f7f8fa;flex-direction:column;min-height:100dvh;padding:0 7vw;display:flex}.auth-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.auth-header .brand{margin:0}.auth-header>span{color:var(--muted);letter-spacing:1px;font-size:11px}.auth-layout{grid-template-columns:1fr 420px;align-items:center;gap:8vw;width:100%;max-width:1100px;margin:auto;padding:68px 0 84px;display:grid}.auth-intro h1{letter-spacing:1px;margin:24px 0;font-size:43px;font-weight:500;line-height:1.6}.auth-intro>p{color:var(--muted);font-size:14px;line-height:2.2}.auth-rule{background:var(--green);border-radius:2px;width:42px;height:3px}.auth-benefits{color:#687e70;flex-wrap:wrap;gap:20px;margin-top:42px;font-size:10px;display:flex}.auth-benefits span{align-items:center;gap:7px;display:flex}.auth-benefits span:before{content:"";background:#6b987b;border-radius:50%;width:5px;height:5px}.auth-card{background:#fff;border:1px solid #e0e7e2;border-radius:16px;padding:42px 36px}.auth-symbol{width:44px;height:44px;color:var(--green);background:#edf4ef;border-radius:12px;place-items:center;margin-bottom:24px;display:grid}.auth-symbol svg{width:25px;height:25px}.auth-card h2{margin:0 0 12px;font-size:22px;font-weight:600}.auth-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.auth-line{color:#fff;background:#06a944;border-radius:9px;justify-content:center;align-items:center;gap:17px;width:100%;min-height:52px;margin-top:30px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.auth-line:hover{background:#008b37}.auth-line:disabled{opacity:.55}.line-word{border-right:1px solid #fff5;padding-right:16px;font-size:14px;font-weight:800}.auth-line svg{width:16px;margin-left:auto}.auth-private{border-top:1px solid var(--line);color:#63776b;align-items:center;gap:12px;margin-top:28px;padding-top:24px;font-size:11px;line-height:1.9;display:flex}.auth-private>svg{color:#7c9484;width:19px;height:19px}.auth-private small{color:var(--muted);font-size:10px}.auth-setup{color:#52695a;background:#f4f7f3;border-radius:8px;margin-top:18px;padding:15px;font-size:11px}.auth-setup p{color:#6e7c79;margin:6px 0 0;font-size:11px;line-height:1.9}.auth-error{color:#a5422c;background:#fff0eb;border-radius:8px;margin-top:20px;padding:12px;font-size:12px;line-height:1.7}.auth-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:22px 0;font-size:10px;display:flex}.error-card{max-width:420px;margin:auto}.error-card .primary{margin-top:24px}@media (max-width:900px){.auth-page{padding:0 6vw}.auth-layout{grid-template-columns:1fr 360px;gap:6vw}.auth-intro h1{font-size:32px}.auth-intro>p{font-size:12px}.auth-benefits{gap:13px}.auth-card{padding:32px 26px}}@media (max-width:650px){.auth-header{height:82px}.auth-header>span{display:none}.auth-layout{flex-direction:column;gap:30px;width:100%;max-width:400px;padding:38px 0;display:flex}.auth-intro{width:100%}.auth-intro h1{margin:17px 0 12px;font-size:28px;line-height:1.6}.auth-intro>p{margin:0;font-size:12px;line-height:1.8}.auth-benefits{gap:16px;margin-top:20px;font-size:9px}.auth-rule{width:28px}.auth-card{width:100%;padding:28px 24px}.auth-symbol{width:38px;height:38px;margin-bottom:20px}.auth-card h2{font-size:20px}.auth-line{margin-top:23px}.auth-footer{font-size:9px}.auth-layout{margin:auto}}.calendar-main{flex-direction:column;height:100dvh;display:flex}.calendar-main .topbar,.calendar-main .page-footer{flex-shrink:0}.calendar-main .calendar-shell{flex-direction:column;flex:1;min-height:0;display:flex}.calendar-toolbar,.calendar-meta,.week-head{flex-shrink:0}#calendar{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.week-scroll{flex:1;min-height:288px}.time-label:first-child{transform:none}.event{padding:3px 5px}.event time{margin-top:2px}.event small{margin-top:3px}