.direct-nas-page{color:#f4f4f4;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 22px max(32px,env(safe-area-inset-bottom));background:#111;font-family:inherit;overflow:auto}.direct-nas-content{width:100%;max-width:480px;margin:0 auto}.direct-nas-content h1{letter-spacing:-.02em;margin:18px 0 12px;font-size:26px;font-weight:650;line-height:1.3}.direct-nas-content p{color:#c3c3c3;font-size:14px;line-height:1.7}.direct-nas-content form{gap:18px;margin-top:28px;display:grid}.direct-nas-content label{gap:8px;font-size:14px;font-weight:550;display:grid}.direct-nas-content input,.direct-nas-content select,.direct-nas-content textarea{box-sizing:border-box;color:#f4f4f4;width:100%;min-width:0;min-height:48px;font:inherit;background:#1c1c1c;border:1px solid #626262;border-radius:8px;padding:10px 12px}.direct-nas-content input::placeholder,.direct-nas-content textarea::placeholder{color:#aaa}.direct-nas-content button{color:#f4f4f4;min-height:48px;font:inherit;cursor:pointer;background:#242424;border:1px solid #626262;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:flex}.direct-nas-content button:disabled{opacity:.55;cursor:wait}.direct-nas-content button:hover:not(:disabled){background:#343434}.direct-nas-content .direct-nas-submit{color:#211a2c;background:#d4c4f2;border-color:#0000;font-weight:650}.direct-nas-content .direct-nas-submit:hover:not(:disabled){background:#e0d5f6}.direct-nas-content :focus-visible{outline-offset:3px;outline:2px solid #dec8ff}.direct-nas-address{grid-template-columns:minmax(0,1fr) 94px;gap:12px;display:grid}.direct-nas-content .direct-nas-back{background:0 0;border:0;justify-content:flex-start;margin-bottom:24px;padding:0}.direct-nas-content .direct-nas-error{color:#ffb5b5}.direct-nas-content .direct-nas-help{margin:0;font-size:13px}.direct-nas-folders{gap:8px;max-height:220px;display:grid;overflow:auto}.direct-nas-folders button{overflow-wrap:anywhere;justify-content:flex-start}.direct-nas-content details summary{cursor:pointer;padding:12px 0}.direct-nas-content details textarea{font-size:12px}.app-vpn-fields{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.app-vpn-fields legend{padding:0 0 14px;font-size:16px;font-weight:650}.app-vpn-options{gap:16px;display:grid}.app-vpn-import{gap:10px;display:grid}.app-vpn-import-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-vpn-import-actions button:last-child{grid-column:1/-1}.app-vpn-import output{white-space:pre-line}@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2)format("woff2");font-weight:45 920;font-style:normal;font-display:swap}:root{color:#ededed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#111;--sidebar:#141414;--surface:#1d1d1d;--text:#ededed;--muted:#a0a0a0;--border:#ffffff12;--accent:#b59ae8;background:#111;font-family:Pretendard Variable,Pretendard,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #b59ae8}input,textarea{caret-color:#d1bafa}input::placeholder,textarea::placeholder{color:#949494}::selection{color:#fff;background:#74608d}a{color:inherit;text-underline-offset:4px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#484848;border-radius:6px}h1,h2,h3,p{margin:0}input,select,textarea{min-width:0;max-width:100%;color:var(--text);background:#252525;border:1px solid #ffffff15;border-radius:7px;padding:11px 12px}select{min-height:42px}textarea{resize:vertical;line-height:1.6}svg{flex:none}button{background:0 0;border:0}input[type=checkbox]{accent-color:var(--event-color,#b59ae8);width:17px;height:17px;margin:0}input[type=color]{flex:none;width:44px;height:44px;padding:4px}button,select,input{font-size:14px}.icon-button{color:#aaa;border-radius:7px;flex:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.icon-button:hover:not(:disabled){color:#eee;background:#ffffff0a}.primary,.secondary,.danger{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.primary{color:#191919;background:#e6e6e6}.primary:hover:not(:disabled){background:#fff}.secondary{color:#ddd;background:#232323;border:1px solid #ffffff26}.secondary:hover:not(:disabled){background:#303030}.danger{color:#ffced0;background:#542a2c}.danger-text{color:#df9b9e}.text-button{color:#c6b2e4;align-items:center;gap:6px;min-height:40px;font-size:13px;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.button-row{flex-wrap:wrap;gap:8px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:12px;font-size:25px;font-weight:650;display:flex}.brand img{display:block}.mobile-only,.mobile-dots{display:none}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.access-page{min-height:100dvh;padding:48px 24px;padding-top:max(48px, env(safe-area-inset-top));padding-bottom:max(48px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.access-content{width:400px;max-width:100%}.access-content .brand{margin-bottom:44px;font-size:24px}.access-content h1{letter-spacing:-.035em;white-space:pre-line;text-wrap:balance;font-size:42px;font-weight:650;line-height:1.3}.access-description{color:#b3b3b3;margin:24px 0 28px;font-size:15px;line-height:1.8}.access-action{width:100%;min-height:50px}.access-action svg:last-child:not(:first-child){margin-left:auto}.access-action.secondary{margin:12px 0}.access-help{color:#a0a0a0;margin:17px 0 26px;font-size:12px;line-height:1.7}.download-link{color:#c8c8c8;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 14px;font-size:13px;text-decoration:none;display:flex}.download-link:hover{background:#ffffff08}.download-link svg:first-child{color:#cbb0df}.access-footer{color:#999;align-items:center;gap:12px;margin-top:32px;font-size:11px;display:flex}.access-footer>span{background:linear-gradient(120deg,#ad7bf4,#ea88bb,#efa55f);width:24px;height:2px}.mobile-break{display:none}.connection-steps{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.connection-steps li{color:#999;align-items:center;gap:12px;font-size:13px;display:flex}.connection-steps li>span{border:1px solid #555;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.connection-steps .active{color:#eee}.connection-steps .active>span,.connection-steps .complete>span{border-color:#b59ae8}.connection-steps .complete>span{color:#d0b9eb}.error-message{color:#edb0b0;background:#301f21;border-radius:8px;margin-bottom:16px;padding:13px 15px;font-size:13px;line-height:1.6}.workspace{height:100dvh;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex:none;width:244px;min-height:0;padding:31px 20px 18px;display:flex}.sidebar-brand{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 5px;display:flex}.calendar-list-head{justify-content:space-between;align-items:center;margin:0 2px 4px 12px;display:flex}.calendar-list-head h2{color:#aaa;font-size:12px;font-weight:550}.calendar-list{max-height:40vh;overflow:auto}.calendar-toggle{color:silver;cursor:pointer;align-items:center;gap:12px;min-height:43px;padding:10px 12px;font-size:13px;display:flex}.calendar-toggle>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-hint{color:#919191;padding:26px 12px;font-size:12px;line-height:1.8}.sidebar-bottom{margin-top:auto;padding-top:20px}.sync-detail{text-align:left;border-top:1px solid var(--border);color:#aaa;align-items:center;gap:11px;width:100%;padding:19px 10px 17px;display:flex}.sync-detail strong,.sync-detail small{display:block}.sync-detail strong{color:#bfbfbf;font-size:12px;font-weight:500}.sync-detail small{color:#999;margin-top:5px;font-size:11px}.account-initial{color:#bbb;background:#303030;border-radius:50%;place-items:center;width:23px;height:23px;margin-left:auto;font-size:10px;display:grid}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:105px;padding:24px 30px;display:flex}.month-title{flex:none;align-items:center;gap:15px;display:flex}.month-title h1{letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:28px;font-weight:630}.month-title .year{color:#b4b4b4;font-weight:450}.date-navigation{gap:0;margin-left:7px;display:flex}.date-navigation .icon-button{min-width:32px}.calendar-body{flex:1;min-height:0;display:flex}.month-calendar{flex-direction:column;flex:1;min-width:0;display:flex}.weekday-row{border-bottom:1px solid var(--border);flex:none;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;height:44px;display:grid}.weekday-row span{text-align:right;color:#9f9f9f;padding-right:17px;font-size:12px}.sunday{color:#cf8f95!important}.saturday{color:#91a9d0!important}.month-grid{flex:1;grid-template-rows:repeat(6,minmax(80px,1fr));grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;display:grid;overflow:auto}.day-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#111;min-width:0;min-height:0;padding:5px 5px 8px;position:relative}.day-cell:nth-child(7n){border-right:0}.day-cell.chosen{background:#1c1b20;box-shadow:inset 0 0 0 1px #86769470}.day-cell:hover{background:#ffffff03}.day-cell.chosen:hover{background:#1c1b20}.day-select{text-align:right;justify-content:flex-end;align-items:center;width:100%;min-height:34px;padding:0 5px 0 0;display:flex}.day-number{color:#c4c4c4;font-variant-numeric:tabular-nums;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.outside .day-number{opacity:.42}.is-today{background:#e6e6e6;border-radius:50%;font-weight:650;color:#1b1b1b!important}.outside .is-today{opacity:1}.day-events{gap:3px;display:grid;position:relative}.event-chip{text-align:left;color:#c4c4c4;border-radius:3px;align-items:center;gap:4px;width:100%;min-width:0;min-height:21px;padding:3px 4px;font-size:10px;display:flex}.event-chip>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-chip time{font-variant-numeric:tabular-nums;color:#a7a7a7;font-size:9px}.event-chip.all-day{color:var(--event-color);background:color-mix(in srgb, var(--event-color) 14%, transparent)}.event-dot{background:var(--event-color);border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}.more-events{color:#aaa;text-align:left;min-height:20px;padding:3px 5px;font-size:10px}.day-panel{border-left:1px solid var(--border);flex-direction:column;flex:none;width:278px;padding:28px 22px 20px;display:flex;overflow:auto}.day-panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.day-panel-title p{color:#999;margin-bottom:8px;font-size:12px}.day-panel-title h2{letter-spacing:-.025em;white-space:nowrap;font-size:24px;font-weight:570}.day-panel-title h2>span{color:#aaa;margin-left:6px;font-size:14px;font-weight:400}.day-panel-title h2>small{color:#c9b5e1;vertical-align:middle;background:#352d40;border-radius:4px;margin-left:9px;padding:4px 6px;font-size:10px}.day-count{color:#999;margin:22px 0 13px;font-size:11px}.event-row{text-align:left;border-bottom:1px solid var(--border);align-items:flex-start;gap:11px;width:100%;padding:15px 0;display:flex}.event-row>.event-dot{width:6px;height:6px;margin-top:7px}.event-row:hover{background:#ffffff05}.event-row-content{flex:1;min-width:0}.event-row-content strong{overflow-wrap:anywhere;font-size:13px;font-weight:530;line-height:1.55;display:block}.event-row-content>span{color:#a8a8a8;font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px;line-height:1.6;display:block}.event-row-content small{color:var(--event-color);margin-top:8px;font-size:10px;display:block}.event-row>svg{color:#888;margin-top:3px}.empty-day{color:#999;padding:39px 0 25px}.empty-day>svg{color:#666;margin-bottom:16px}.empty-day p{margin-bottom:5px;font-size:12px;line-height:1.7}.day-panel-bottom{color:#919191;align-items:center;gap:7px;margin-top:auto;padding-top:45px;font-size:10px;display:flex}.status-bar{color:#e0c0aa;background:#2c2421;justify-content:space-between;align-items:center;gap:12px;padding:3px 24px;font-size:12px;line-height:1.5;display:flex}.status-bar .text-button{flex:none}.modal{color:#ededed;background:#1d1d1d;border:1px solid #3e3e3e;border-radius:14px;width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;overflow:auto}.modal.wide{width:680px}.modal::backdrop{background:#000b}.modal[open]{animation:.18s cubic-bezier(.16,1,.3,1) modal-in}@keyframes modal-in{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-head{z-index:2;border-bottom:1px solid var(--border);background:#1d1d1d;justify-content:space-between;align-items:center;padding:15px 20px 15px 26px;display:flex;position:sticky;top:0}.modal-head h2{font-size:17px;font-weight:580}.event-form{padding:24px 26px}.event-form label{color:#aaa;font-size:12px}.title-label{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.title-label input{letter-spacing:-.02em;background:0 0;border:0;border-bottom:1px solid #ffffff20;border-radius:0;padding:9px 0 15px;font-size:23px;font-weight:520}.title-label input::placeholder{color:#999}.check-row{align-items:center;gap:9px;padding:5px 0 19px;display:flex}.date-fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.date-fields>label{gap:8px;display:grid}.date-fields input{font-variant-numeric:tabular-nums;width:100%;min-height:42px;padding:10px 8px;font-size:13px}.icon-field{align-items:flex-start;gap:14px;margin-top:22px;display:flex}.icon-field>svg{color:#999;margin-top:4px}.icon-field>span{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.icon-field input,.icon-field select,.icon-field textarea{width:100%}.field-hint{color:#a4a4a4;margin:10px 0;font-size:11px;line-height:1.8}.form-actions{border-top:1px solid var(--border);align-items:center;gap:9px;margin-top:22px;padding-top:20px;display:flex}.form-actions>span{flex:1}.event-form .error-message{margin-top:20px}.confirm-panel{border-top:1px solid #ffffff20;margin-top:18px;padding:17px 0 0}.confirm-panel strong{font-size:14px;font-weight:550}.confirm-panel p{color:#aaa;margin:8px 0 12px;font-size:12px}.confirm-panel .button-row{margin-top:12px}.settings-body{padding:0 26px 8px}.settings-body>section{border-bottom:1px solid var(--border);padding:24px 0}.settings-body>section:last-child{border:0}.settings-body h3{color:silver;margin-bottom:17px;font-size:13px;font-weight:550}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row>span{min-width:0}.setting-row strong,.setting-row small{overflow-wrap:anywhere;display:block}.setting-row strong{font-size:14px;font-weight:500}.setting-row small{color:#aaa;margin-top:6px;font-size:11px;line-height:1.7}.setting-row .secondary{flex:none;min-height:39px;padding:8px 11px;font-size:12px}.backup-status{color:#bbb;background:#252525;border-radius:8px;align-items:center;gap:12px;margin-top:18px;padding:16px;display:flex}.backup-status>span{flex:1;font-size:12px}.backup-status small{color:#aaa;margin-top:6px;font-size:11px;line-height:1.7;display:block}.new-calendar-form{gap:8px;display:flex}.new-calendar-form>input:not([type=color]){flex:1;min-width:0}.import-label{color:#aaa;align-items:center;gap:12px;margin-bottom:15px;font-size:12px;display:flex}.import-label select{flex:1;font-size:13px}.file-input{display:none}.toast{z-index:10;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));color:#eee;background:#303030;border:1px solid #646464;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;line-height:1.6;display:flex;position:fixed;transform:translate(-50%)}@media (width>=1600px){.sidebar{width:260px;padding-left:25px;padding-right:25px}.day-panel{width:310px;padding:31px 27px}.toolbar{padding-left:36px;padding-right:32px}.event-chip{min-height:25px;font-size:12px}.event-chip time{font-size:10px}.day-number{font-size:14px}.day-cell{padding:6px 7px 10px}}@media (width<=1240px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.day-panel{width:230px;padding:25px 17px}.toolbar{min-height:94px;padding:21px 22px}.month-title{gap:9px}.month-title h1{font-size:24px}.date-navigation{margin-left:2px}.event-chip time{display:none}.day-panel-title h2{font-size:21px}.day-panel-title h2>small{display:none}}@media (width<=1020px) and (width>=761px){.day-panel{display:none}}@media (width<=760px){.workspace{height:100dvh}.mobile-only{display:inline-flex}.sidebar{z-index:5;width:275px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));transition:transform .2s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-brand{margin-bottom:25px}.sidebar .brand{font-size:24px}.toolbar{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;flex:none;min-height:0;display:block}.month-title{justify-content:space-between;gap:5px}.month-title h1{margin-left:4px;margin-right:auto;font-size:24px}.month-title .year{font-size:20px}.date-navigation{gap:0}.date-navigation .icon-button{min-width:31px;min-height:44px}.icon-button{min-width:44px;min-height:44px}.month-title>.mobile-only{min-width:33px}.calendar-body{display:block;overflow:auto}.month-calendar{min-height:0}.weekday-row{height:34px}.weekday-row span{text-align:center;padding:0;font-size:11px}.month-grid{flex:none;grid-template-rows:repeat(6,55px);overflow:visible}.day-cell{background:0 0;border-bottom:0;border-right:0;padding:2px 0 0}.day-cell.chosen{box-shadow:none;background:0 0}.day-cell.chosen .day-number{background:#2c2734;box-shadow:0 0 0 1px #a995c2;color:#eee!important}.day-cell.chosen .is-today{background:#e6e6e6;color:#1b1b1b!important}.day-select{justify-content:center;min-height:39px;padding:0}.day-number{width:31px;height:31px;font-size:13px}.day-events{display:none}.mobile-dots{justify-content:center;align-items:center;gap:3px;height:8px;display:flex}.mobile-dots i{border-radius:50%;width:4px;height:4px;display:block}.day-panel{border:0;border-top:1px solid var(--border);width:auto;padding:23px 24px calc(95px + env(safe-area-inset-bottom));min-height:270px;display:flex;overflow:visible}.day-panel-title h2{font-size:24px}.day-panel-title h2>small{display:inline-block}.day-panel-title p{display:none}.day-count{margin:14px 0 3px;font-size:12px}.empty-day{grid-template-columns:32px 1fr;column-gap:13px;padding:26px 0 12px;display:grid}.empty-day>svg{grid-row:span 2;margin:5px 0 0}.empty-day p{margin:3px 0 0;font-size:13px}.empty-day .text-button{min-height:33px}.day-panel-bottom{display:none}.event-row{padding:15px 0}.event-row-content strong{font-size:15px}.event-row-content>span{font-size:12px}.event-row-content small{font-size:11px}.status-bar{padding:4px 15px;font-size:11px}.modal{max-width:calc(100vw - 20px);max-height:calc(100dvh - 30px - env(safe-area-inset-top));border-radius:13px;width:520px}.modal-head{padding:12px 13px 12px 21px}.event-form{padding:20px}.settings-body{padding:0 21px 8px}.title-label input{font-size:22px}.date-fields{gap:9px}.date-fields input{padding:10px 6px;font-size:12px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:12px}.access-page{padding:40px 27px}.access-content .brand{margin-bottom:36px}.access-content h1{font-size:37px}.access-description{font-size:14px}.access-footer{gap:9px;font-size:10px}.access-content{max-width:380px}}@media (width<=360px){.month-title h1{font-size:21px}.month-title .year{font-size:17px}.toolbar{padding-left:8px;padding-right:8px}.date-fields{grid-template-columns:1fr}.access-content h1{font-size:33px}.new-calendar-form{gap:5px}.new-calendar-form .secondary{padding:10px}.day-panel{padding-left:18px;padding-right:18px}}.web-update{z-index:20;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));background:#242424;border:1px solid #666;border-radius:12px;width:340px;max-width:calc(100vw - 32px);padding:20px;font-size:14px;position:fixed}.web-update p{color:#bbb;margin:9px 0 14px;font-size:12px;line-height:1.7}.web-update .text-button{margin-left:14px}.calendar-list{flex-shrink:0}.event-chip{font-size:11px}@media (width<=1440px){.event-chip time{display:none}}@media (height<=800px) and (width>=761px){.sidebar-hint{display:none}}@media (width<=480px){.date-fields{grid-template-columns:1fr}.date-fields input{padding:11px 12px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.spin{opacity:.7}}.background-sync-settings{border-top:1px solid var(--border,var(--line,#ffffff18));padding:20px 0;scroll-margin-top:80px}.background-sync-settings h3{margin:0 0 8px;font-size:15px;font-weight:600}.background-sync-settings p{overflow-wrap:anywhere;margin:8px 0;font-size:13px;line-height:1.65}.background-sync-settings small{margin-top:12px;font-size:12px;line-height:1.6;display:block}.background-sync-settings>div{margin-top:16px}.background-sync-settings button{border:1px solid var(--border,var(--line,#ffffff18));min-height:48px;font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:9px 14px;font-size:13px}.background-sync-settings button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.background-sync-settings button:focus-visible{outline-offset:3px;outline:2px solid}.device-calendar-settings{border-top:1px solid var(--border);padding:20px 0;scroll-margin-top:80px}.device-calendar-settings h3{margin:0 0 8px;font-size:15px}.device-calendar-settings p,.device-calendar-settings small{font-size:13px;line-height:1.65}.device-calendar-settings small{color:var(--muted);display:block}.device-calendar-list{margin:16px 0}.device-calendar-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.device-calendar-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.device-calendar-row strong{align-items:center;gap:8px;font-size:14px;display:flex}.device-calendar-row i{border-radius:50%;flex:none;width:9px;height:9px}.device-calendar-settings select{border:1px solid var(--border);background:var(--surface);max-width:160px;min-height:48px;color:var(--text);border-radius:8px;padding:8px}.device-calendar-actions{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.device-calendar-settings button{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:8px;padding:8px 12px}.device-calendar-settings button:hover{background:color-mix(in srgb, var(--text) 8%, var(--surface))}@media (width<=380px){.device-calendar-row{flex-direction:column;align-items:flex-start}.device-calendar-row select{width:100%;max-width:none}}:root{--chrome-title-size:17px;--chrome-title-leading:24px;--chrome-ease:cubic-bezier(.22, 1, .36, 1)}.navigation-layer{display:contents}.navigation-toggle{display:none}.navigation-actions{align-items:center;gap:4px;display:flex}.navigation-actions>.icon-button{color:#aaa;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;text-decoration:none;display:inline-flex}.navigation-actions>.icon-button,.navigation-toggle,.navigation-actions>.icon-button:hover,.navigation-actions>.icon-button:active,.navigation-toggle:hover,.navigation-toggle:active{box-shadow:none;background:0 0;border:0}.navigation-actions svg{stroke-width:2px;width:21px;height:21px}.menu-glyph{flex:none;width:22px;height:18px;display:block;position:relative}.menu-glyph>span{transform-origin:50%;width:22px;height:2px;transition:transform .28s var(--chrome-ease), opacity .14s ease-out;background:currentColor;border-radius:1px;position:absolute;top:8px;left:0}.menu-glyph>span:first-child{transform:translateY(-7px)}.menu-glyph>span:last-child{transform:translateY(7px)}.menu-glyph.is-open>span:first-child{transform:rotate(45deg)}.menu-glyph.is-open>span:nth-child(2){opacity:0;transform:scaleX(.2)}.menu-glyph.is-open>span:last-child{transform:rotate(-45deg)}.sidebar .brand{letter-spacing:-.02em;gap:0;font-size:17px;font-weight:600;line-height:24px}.sidebar .brand img{display:none}.modal-head h2{font-size:var(--chrome-title-size);line-height:var(--chrome-title-leading);letter-spacing:-.02em;font-weight:600}@media (width<=760px){.navigation-layer>.sidebar{z-index:40;width:100%;max-width:none;height:100dvh;padding:calc(4px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .18s ease-out, transform .18s var(--chrome-ease), visibility 0s .18s;background:#141414;border:0;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-12px)}.navigation-layer>.sidebar.open{opacity:1;visibility:visible;transition:opacity .26s ease-out, transform .32s var(--chrome-ease), visibility 0s;transform:translateY(0)}.navigation-layer>.navigation-toggle{left:10px;top:calc(4px + env(safe-area-inset-top));z-index:45;color:#aaa;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;display:inline-flex;position:fixed;transform:none}.navigation-layer>.navigation-toggle[hidden],.sidebar .brand{display:none}.sidebar .sidebar-brand{justify-content:flex-start;height:44px;min-height:44px;margin:0 0 24px;padding:0}.sidebar .navigation-actions{margin-left:34px}.modal[aria-label=설정]{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:calc(4px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;margin:0;position:fixed;inset:0}.modal[aria-label=설정] .modal-head{align-items:center;height:44px;min-height:44px;margin:0 0 24px;padding:0 0 0 38px;display:flex;position:relative}.modal[aria-label=설정] .modal-head>.icon-button{background:0 0;border:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;position:absolute;top:0;left:-10px}.modal[aria-label=설정] .modal-head h2{margin:0}}@media (prefers-reduced-motion:reduce){.menu-glyph>span,.navigation-layer>.sidebar{transition-duration:.01ms;transition-delay:0s}}.sidebar-brand{min-height:56px;margin-bottom:16px;padding:0}.sidebar{padding-top:0}.sidebar .brand{padding:0}.toolbar{gap:12px;min-height:56px;padding:0 20px}.month-title{gap:8px}.month-title h1,.month-title .year{font-size:var(--chrome-title-size);line-height:var(--chrome-title-leading);letter-spacing:-.02em;color:#ededed;font-weight:600}@media (width<=760px){.toolbar{padding:calc(4px + env(safe-area-inset-top)) 10px 8px}.month-title{justify-content:flex-start;gap:0;height:44px;padding-left:48px}.month-title h1{margin:0 auto 0 0}.date-navigation{margin:0}.date-navigation .icon-button{min-width:32px;padding:0}.toolbar{height:calc(48px + env(safe-area-inset-top));min-height:calc(48px + env(safe-area-inset-top));padding:calc(4px + env(safe-area-inset-top)) 10px 0;align-items:center;gap:4px;display:flex}.month-title{flex:1;min-width:0}}.navigation-layer>.navigation-toggle,.navigation-layer>.navigation-toggle:hover:not(:disabled),.navigation-layer>.navigation-toggle:active,.navigation-layer>.navigation-toggle[aria-expanded=true],.navigation-actions>.icon-button:hover:not(:disabled){box-shadow:none;background:0 0}.main-content{min-height:0}.toolbar{flex-shrink:0}.calendar-body{padding-bottom:env(safe-area-inset-bottom);display:flex;overflow:auto}.month-calendar{min-height:0}.month-grid{grid-template-rows:repeat(var(--month-weeks), minmax(90px, 1fr));flex:1;overflow:auto}.weekday-row{height:34px}.weekday-row span{text-align:center;padding:0}.day-cell{border:0;border-bottom:1px solid var(--border);background:var(--bg);text-align:left;border-radius:0;flex-direction:column;align-items:stretch;padding:3px 3px 6px;display:flex;overflow:hidden}.day-cell:nth-last-child(-n+7){border-bottom:0}.day-cell.chosen,.day-cell.chosen:hover{background:var(--bg);box-shadow:none}.day-cell:focus-visible{outline-offset:-2px}.day-select{flex:none;justify-content:center;height:36px;min-height:36px;padding:0}.day-number{border-radius:50%;width:28px;height:28px;font-size:13px}.day-cell.chosen .day-number{box-shadow:none;color:#ededed;background:0 0}.day-cell.chosen .is-today{background:#ededed;color:#111!important}.day-events{flex-direction:column;gap:3px;width:100%;min-height:0;display:flex}.event-chip{height:16px;min-height:16px;color:var(--text);background:color-mix(in srgb, var(--event-color) 45%, var(--bg));filter:saturate(1.7);border-radius:4px;flex:none;padding:2px 4px;font-size:8px;font-weight:550;line-height:12px;display:block}.event-chip>span:last-child{text-overflow:clip;display:block}.outside .event-chip{opacity:.6}.more-events{min-height:18px;padding:0 4px;font-size:11px;line-height:18px;display:block}.modal.day-detail{background:var(--bg);border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.modal.day-detail[open]{animation:day-detail-in .28s var(--chrome-ease);flex-direction:column;display:flex}.day-detail .modal-head{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0 58px;background:var(--bg);flex:none}.day-detail .modal-head h2{letter-spacing:-.02em;margin:0;font-size:17px;line-height:24px}.day-detail .modal-close{left:10px;top:calc(6px + env(safe-area-inset-top));position:absolute}.day-detail .icon-button,.day-detail .icon-button:hover:not(:disabled),.day-detail .icon-button:active{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;padding:0}.day-detail .modal-close svg{width:22px;height:22px}.day-detail-content{width:min(100%,720px);min-height:0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;margin:0 auto;overflow-y:auto}.day-detail .day-count{margin:0 0 16px;font-size:13px}.day-detail .event-row{padding:20px 0}.day-detail .event-row-content strong{overflow-wrap:anywhere;font-size:16px;line-height:1.5}.day-detail .empty-day{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:50dvh;display:flex}.day-detail .empty-day p{margin:0}.day-detail .empty-day .text-button{min-height:44px}@keyframes day-detail-in{0%{opacity:.6;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.event-editor .editor-save{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0;padding:0 6px;font-size:14px;font-weight:600}.event-editor .editor-save:hover:not(:disabled),.event-editor .editor-save:active{background:0 0}.event-editor .event-form{width:min(100%,680px);min-height:0;padding:24px 24px calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;margin:0 auto;overflow-y:auto}.event-editor .title-label{margin:0 0 20px}.event-editor .title-label input{border-bottom:1px solid var(--border);width:100%;min-width:0;padding:8px 0 20px;font-size:24px;font-weight:600;line-height:1.4}.event-editor .check-row{min-height:52px;color:var(--text);flex-direction:row-reverse;justify-content:space-between;padding:0;font-size:14px}.event-editor .check-row input{appearance:none;background:#444;border:0;border-radius:20px;flex:none;width:36px;height:22px;margin:0;transition:background-color .16s ease-out;position:relative}.event-editor .check-row input:after{content:"";width:16px;height:16px;transition:transform .18s var(--chrome-ease);background:#ddd;border-radius:50%;position:absolute;top:3px;left:3px}.event-editor .check-row input:checked{background:#ededed}.event-editor .check-row input:checked:after{background:#111;transform:translate(14px)}.event-editor .date-fields{border-bottom:1px solid var(--border);flex-direction:column;gap:0;margin:0 0 12px;padding-bottom:12px;display:flex}.event-editor .date-fields>label{min-height:50px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.event-editor .date-fields input{width:0;min-width:0;max-width:248px;min-height:44px;color:var(--text);text-align:right;background:0 0;border:0;border-radius:0;flex:1;padding:0;font-size:14px}.event-editor .icon-field{border-bottom:1px solid var(--border);margin:0;padding:5px 0}.event-editor .icon-field>span{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;display:grid}.event-editor .field-name{color:var(--muted);font-size:13px}.event-editor .icon-field input,.event-editor .icon-field select,.event-editor .icon-field textarea{min-width:0;min-height:44px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;padding:10px 0;font-size:14px}.event-editor .icon-field select{text-align:right}.event-editor .icon-field select:disabled{opacity:1;color:var(--muted)}.event-editor .text-field{padding:14px 0}.event-editor .text-field>span{flex-direction:column;align-items:stretch;gap:4px;display:flex}.event-editor .icon-field textarea{resize:vertical;min-height:100px;line-height:1.7}.event-editor .field-hint{margin:12px 0;font-size:11px}.event-editor .form-actions{border:0;margin:20px 0 0;padding:0}.event-editor .form-actions:empty{display:none}.event-editor .form-actions .icon-button{color:#e5a0a0;gap:8px;width:auto;font-size:13px;display:inline-flex}.event-editor .confirm-panel{border-top:1px solid var(--border);margin:16px 0 0;padding:20px 0}.event-editor .confirm-panel .button-row{flex-wrap:wrap}.event-editor .confirm-panel button{background:0 0;border:0;border-radius:0;min-height:44px;margin-right:18px;padding:8px 0}.event-editor .confirm-panel .danger{color:#e5a0a0}.modal.day-detail.settings-page{background:var(--bg);padding:0}.settings-page.day-detail .modal-head{height:calc(56px + env(safe-area-inset-top));min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0 58px;margin:0;position:relative}.settings-page.day-detail .modal-head>.modal-close{left:10px;top:calc(6px + env(safe-area-inset-top))}.settings-page .settings-body{width:min(100%,680px);min-height:0;padding:0 24px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;margin:0 auto;overflow-y:auto}.settings-page .settings-body>section{border:0;border-bottom:1px solid var(--border);padding:24px 0}.settings-page .settings-body>section:last-child{border:0}.settings-page .settings-body h3{color:var(--text);margin:0 0 14px;font-size:14px;font-weight:600;line-height:20px}.settings-page .setting-row{gap:16px;min-height:44px}.settings-page .setting-row strong{font-size:14px;font-weight:450}.settings-page .setting-row small,.settings-page .backup-status small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6}.settings-page .settings-body button,.settings-page .settings-body a.secondary{min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 0;font-size:13px}.settings-page .settings-body button:hover:not(:disabled),.settings-page .settings-body button:active{color:var(--text);background:0 0}.settings-page .settings-body .field-hint{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.7}.settings-page .backup-status{color:var(--text);background:0 0;border:0;border-radius:0;margin:0;padding:16px 0 0;font-size:14px}.settings-note{color:var(--muted);margin:0;font-size:12px}.settings-note summary{cursor:pointer;align-items:center;gap:8px;width:fit-content;min-height:44px;list-style:none;display:flex}.settings-note summary::-webkit-details-marker{display:none}.settings-note summary:after{content:"";border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;transform:rotate(45deg)translateY(-2px)}.settings-note[open] summary:after{transform:rotate(225deg)}.settings-note summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-page .settings-note .field-hint{margin:0 0 12px}.settings-timezone{min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.settings-page .new-calendar-form{align-items:center;gap:12px}.settings-page .new-calendar-form input:not([type=color]){border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;width:0;min-width:0;min-height:44px;padding:8px 0;font-size:14px}.settings-page .new-calendar-form input[type=color]{background:0 0;border:0;flex:none;width:32px;height:44px;padding:0}.settings-page input[type=color]::-webkit-color-swatch-wrapper{padding:8px 2px}.settings-page input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.settings-page .import-label{min-height:44px;color:var(--muted);align-items:center;margin:0;font-size:13px}.settings-page .settings-body select{min-width:0;min-height:44px;color:var(--text);text-align:right;background:0 0;border:0;border-radius:0;padding:8px 0;font-size:13px}.settings-page .settings-transfer{flex-direction:column;align-items:stretch;gap:0;margin-top:8px;display:flex}.settings-page .settings-transfer button{text-align:left;justify-content:flex-start;gap:10px}.settings-page .background-sync-settings p,.settings-page .device-calendar-settings p{color:var(--muted);font-size:13px}.settings-page .device-calendar-settings .device-calendar-actions{gap:12px}@media (width<=760px){.event-editor .event-form{padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.settings-page.day-detail .modal-head{height:calc(48px + env(safe-area-inset-top));min-height:calc(48px + env(safe-area-inset-top))}.settings-page.day-detail .modal-head>.modal-close{top:calc(4px + env(safe-area-inset-top))}.settings-page .settings-body{padding:0 18px calc(24px + env(safe-area-inset-bottom))}.day-cell{padding-left:2px;padding-right:2px}.event-chip{padding-left:3px;padding-right:3px}.day-detail .modal-head{height:calc(48px + env(safe-area-inset-top))}.day-detail .modal-close{top:calc(4px + env(safe-area-inset-top))}.day-detail-content{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}}.calendar-settings-panel{z-index:42;background:var(--bg);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.navigation-layer.has-panel>.navigation-toggle{left:10px;top:calc(6px + env(safe-area-inset-top));z-index:45;width:44px;height:44px;padding:0;display:inline-flex;position:fixed}@media (width<=760px){.navigation-layer.has-panel>.navigation-toggle{top:calc(4px + env(safe-area-inset-top))}}