:root{font-family:Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#202124;background:#f8f9fc;font-size:14px;--blue:#0b57d0;--line:#dfe3e9;--muted:#5f6368;--paper-width:796px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer;color:inherit}button{background:none;border:0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #176bea;outline-offset:2px}input,textarea{color:#202124}a{color:var(--blue)}[hidden]{display:none!important}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.auth{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f4f7fd}.auth-card{width:min(100%,430px);background:#fff;border:1px solid #dadce0;border-radius:20px;padding:34px 38px;box-shadow:0 3px 18px #2638540a}.auth-card h1{font-size:29px;margin:12px 0 5px}.auth-card>p,.muted{color:var(--muted)}.auth-switch{display:flex;border-bottom:1px solid var(--line);margin:24px 0 17px}.auth-switch button{flex:1;padding:10px;border-bottom:2px solid transparent}.auth-switch .chosen{border-color:var(--blue);color:var(--blue);font-weight:bold}
label{display:grid;gap:6px;margin:0 0 12px;font-weight:600}input:not([type=checkbox]),textarea,select.field{border:1px solid #c7cbd2;border-radius:7px;padding:9px 10px;background:#fff;min-width:0;width:100%}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--blue)}#auth-message,#dialog-error{min-height:1.15em;color:#b3261e;font-size:13px;line-height:1.45}.auth-submit{width:100%}#pin-code{display:block;font-size:40px;letter-spacing:.15em;color:var(--blue);font-weight:700;font-variant-numeric:tabular-nums;padding:14px 0}
.primary,.pill{padding:8px 14px;border-radius:22px;font-weight:600}.primary{background:#0b57d0;color:white}.primary:hover{background:#0847ad}.pill{border:1px solid #ccd2dc;color:#174ea6}.pill:hover{background:#edf4ff}.danger{color:#b3261e}
.workspace{height:100dvh;display:flex;flex-direction:column;background:#f8fafd;overflow:hidden}.top{display:flex;gap:15px;align-items:flex-start;padding:11px 19px 5px;min-height:65px;height:65px;flex:none}.top>img{margin-top:3px}.title-block{min-width:0}.title-row,.menus,.top-actions,.toolbar{display:flex;align-items:center}.title-row{gap:11px;min-height:22px;color:#414549;white-space:nowrap}.title-row strong{font-weight:500;font-size:18px}.title-row .icon{height:22px;width:22px}.title-row small{font-size:12px}.title-row svg{width:16px;height:16px}.menus{gap:1px;margin:2px 0 0 -6px;white-space:nowrap}.menus button{padding:3px 6px;border-radius:4px}.menus button:hover,.icon:hover,.toolbar select:hover{background:#e2e7ee}
.top-actions{margin-left:auto;gap:14px;white-space:nowrap}.icon{width:32px;height:32px;border-radius:5px;display:inline-grid;place-items:center;padding:0;flex:none;color:#3c4043}.top-actions>.icon svg{width:21px;height:21px}.share-split{display:flex;background:#bde4ff;border-radius:28px;overflow:hidden;color:#004b70;font-weight:600}.share-split button{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px}.share-split button:hover{background:#a9dcff}.share-split button+button{border-left:1px solid #f4fbff;padding:0 9px}.share-split button+button svg{width:13px}.top-help{height:40px;width:112px;border-radius:25px;background:#d3e3fd;color:#084bab;font-weight:600}.top-help:hover{background:#c1d7fa}.avatar{width:34px;height:34px;border-radius:50%;background:#dce7d4;color:#2f563c;font-weight:700}
.toolbar{min-height:40px;margin:0 15px 6px;padding:3px 9px;gap:2px;border-radius:24px;background:#edf2f8;overflow:auto;scrollbar-width:none;flex-shrink:0}.toolbar .icon{width:31px;height:30px}.toolbar select{width:auto;background:transparent;border:0;border-radius:4px;padding:5px 7px;color:#3c4043}.toolbar i{height:20px;width:1px;background:#c7cbd2;margin:0 5px;flex:none}.toolbar #doc-font{min-width:83px}.toolbar #font-size{width:34px;border:1px solid #747775;border-radius:4px;text-align:center;padding:2px;flex:none}.grow{flex:1}
.work-area{display:grid;grid-template-columns:15px 285px minmax(0,1fr);flex:1;min-height:0;position:relative}.vertical-ruler{border-right:1px solid #c7c7c7;margin-top:18px;background:repeating-linear-gradient(to bottom,transparent 0 7px,#a0a4aa 7px 8px) right top/5px 100% no-repeat}.vertical-ruler span{position:absolute;left:2px;font:10px Arial;writing-mode:vertical-rl;color:#4a4d51}
#rail{background:#f5f7fa;margin-top:18px;border-top:1px solid #c3c6ca;min-width:0;padding:16px 20px 0 16px}.rail-back{font-size:19px;margin:0 0 19px}.rail-title{display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 12px;margin-bottom:10px}.rail-title .icon{height:28px;width:32px}#tabs{display:grid;gap:1px}#tabs>button{display:flex;align-items:center;gap:10px;border-radius:24px;height:40px;padding:0 19px;text-align:left;color:#34383e}#tabs>button:hover{background:#e7edf6}#tabs>button.active{background:#d0e1fb;color:#084bab;font-weight:600}#tabs svg{width:17px;height:17px}.tab-menu{margin-left:auto;visibility:hidden;color:#44566c;font-size:16px}#tabs>button.active .tab-menu{visibility:visible}.work-area.collapsed{grid-template-columns:15px 0 minmax(0,1fr)}.work-area.collapsed #rail{visibility:hidden;padding:0}
.desk{overflow:auto;background:linear-gradient(#c3c6ca,#c3c6ca) 0 17px/100% 1px no-repeat,#f5f7fa;scrollbar-gutter:stable}.sheet-wrap{width:min(var(--paper-width),100% - 14px);margin:0 auto 42px 0}.work-area.collapsed .sheet-wrap{margin-inline:auto}.ruler{height:19px;display:flex;justify-content:space-around;background:repeating-linear-gradient(to right,#959ba3 0 1px,transparent 1px 9.5px) 0 13px/100% 5px no-repeat;position:relative;font-size:10px;color:#444b56}.ruler span{padding-top:1px}.ruler:before,.ruler:after{content:"";position:absolute;top:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #4285f4}.ruler:before{left:11%}.ruler:after{right:11%}.paper{background:white;border:1px solid #c4c7cb;min-height:1030px;margin-top:14px;padding:70px clamp(25px,7vw,95px) 70px;font-size:calc(14px * var(--zoom,1));overflow-wrap:anywhere}
h1,h2,h3,p{margin-top:0}h1{font-size:2em;letter-spacing:-.035em;margin-bottom:7px}h2{font-size:1.23em;letter-spacing:-.025em}h3{font-size:1em}.kicker{color:#345d98;font-size:.82em;font-weight:700;letter-spacing:.03em;margin-bottom:8px}.doc-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px}.doc-heading p{margin:0}.doc-heading .actions{justify-content:flex-end}.clock{font-size:2.45em;font-weight:500;letter-spacing:-.055em;line-height:1.1;font-variant-numeric:tabular-nums}.date{font-size:1.08em;color:#505961;margin:8px 0 0}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:15px;border:1px solid #e0e5ee;border-radius:12px;background:#fff;min-width:0}.panel-head{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:12px}.panel-head h2,.panel-head h3{margin:0}.panel-head h2 svg{color:#426b9e;margin-right:5px}.panel .panel{padding:10px;margin:0 0 8px;border-radius:8px;background:#f8fafd}.panel .panel:last-child{margin-bottom:0}.panel p:last-child{margin-bottom:0}.section-gap{margin-top:15px}.meal-list{white-space:pre-line;line-height:1.55}.widget-list,.simple-list{padding-left:0;margin:0;list-style:none}.widget-list li,.simple-list li{margin:7px 0}.widget-list label{display:flex;align-items:flex-start;font-weight:400;margin:0}.widget-list input:checked+span{text-decoration:line-through;color:#666}.memo-text,.notice{white-space:pre-wrap}.notice{background:#edf5ff;border-radius:8px;padding:10px 12px;margin-bottom:15px}.event-row{display:grid;grid-template-columns:60px 1fr;gap:9px;padding:9px 0;border-top:1px solid #edf0f4}.event-row time{color:#345d98;font-variant-numeric:tabular-nums}
.actions,.row,.browser-bar,.folder-path,.switch{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row>*{min-width:0}.switch{margin-bottom:13px}.switch button{border-radius:18px;padding:7px 12px;background:#f0f3f8}.switch button.chosen{background:#dceaff;color:#084bab}.folder-path button{color:var(--blue);padding:4px}.folder-path{margin:10px 0}.table-wrap{overflow:auto}.files-table{width:100%;border-collapse:collapse;table-layout:auto}.files-table td,.files-table th{border-bottom:1px solid #edf0f5;padding:8px 4px;text-align:left}.files-table th{font-size:.9em;color:#59616d;font-weight:600}.files-table td:first-child{min-width:110px}.files-table td:last-child{white-space:nowrap;text-align:right}.files-table .file-name{text-align:left;padding:5px 0;color:#1a56a3;word-break:break-word}.files-table svg{width:16px;margin-right:3px}.empty{color:#68707b;padding:12px 0}.drop{outline:2px dashed #4285f4;outline-offset:6px}
.browser-bar{flex-wrap:nowrap}.browser-bar input{flex:1}.frame-shell{min-height:360px;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:11px}.frame-shell iframe{width:100%;height:480px;border:0;display:block}.browser-note{font-size:.9em;line-height:1.55;margin:10px 0}.compact{font-size:.86em}.toolbar-edit{min-height:450px;border:1px solid var(--line);padding:12px;border-radius:9px;outline-color:#4285f4}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.metric-grid .panel{padding:10px}.metric-grid b{display:block;margin-top:4px;font-size:1.18em}
dialog{width:min(485px,calc(100% - 28px));max-height:calc(100dvh - 30px);border:1px solid #d5deed;border-radius:17px;padding:20px 22px 14px;color:#202124;box-shadow:0 18px 60px #24365438}dialog::backdrop{background:#29344547}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-head h2{margin:0}.dialog-head button{font-size:22px}.dialog-end{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.menu-popup{position:fixed;z-index:5;min-width:155px;background:white;border:1px solid #dce2ed;border-radius:7px;box-shadow:0 6px 22px #23314720;padding:4px}.menu-popup button{display:block;width:100%;text-align:left;padding:7px 11px;border-radius:4px}.menu-popup button:hover{background:#edf4ff}#toast{position:fixed;z-index:8;left:50%;bottom:20px;transform:translateX(-50%);background:#273346;color:white;padding:10px 16px;border-radius:7px;max-width:calc(100% - 24px);box-shadow:0 4px 14px #26314433}
@media(max-width:1050px){.work-area{grid-template-columns:15px 218px minmax(0,1fr)}#rail{padding-right:13px}.paper{padding:56px 42px}.top-actions{gap:8px}}
@media(max-width:740px){.top{padding:9px 10px 4px;gap:8px}.top-actions>.desktop,.title-row small,.title-row>span,.toolbar-extra{display:none}.top-actions{gap:6px}.share-split button{height:34px;padding:0 9px}.share-split button+button{display:none}.menus{max-width:56vw;overflow:auto;scrollbar-width:none}.toolbar{margin:0 6px 3px;min-height:36px}.work-area,.work-area.collapsed{display:flex;flex-direction:column}.vertical-ruler,.rail-back,.rail-title,.tab-menu{display:none!important}#rail{padding:4px 7px;margin-top:0;border-top:0}.work-area.collapsed #rail{display:none}#tabs{display:flex;overflow:auto}#tabs>button{height:35px;padding:0 11px;flex:none}.desk{flex:1;min-height:0}.sheet-wrap{width:calc(100% - 14px);margin-inline:auto}.paper{padding:25px 18px;min-height:670px}.dash-grid{gap:9px}.panel{padding:10px}.toolbar .grow{min-width:0}}
@media(max-width:425px){.dash-grid{grid-template-columns:1fr}.doc-heading{flex-wrap:wrap}.doc-heading .actions{justify-content:flex-start}.auth-card{padding:27px 24px}.browser-bar{flex-wrap:wrap}}
@media print{.top,.toolbar,#rail,.ruler,.vertical-ruler{display:none!important}.workspace,.desk{display:block;height:auto;overflow:visible;background:white}.sheet-wrap,.paper{width:100%;margin:0;border:0;padding:0}.paper{min-height:0}.doc-heading .actions{display:none}}